微信 Q Q RSS订阅
捐助名单 收藏本站

HTML笔记

HTML笔记

利用css实现单行文本文字两端对齐

2

Deshun 发布于 6年前 (2018-12-30) 4679℃ 评论(0) 赞 (1)

利用css实现单行文本文字两端对齐

日常使用中我们可以用 text-align: justify; 实现文本两端对齐效果。但是该属性有一个问题，不支持单行文本的两端对齐，只有达到2行或者以上才会有效。所以需要采用下面两种方法实现单行文本两端对齐效果：利用伪类 :after 实现：给元素添加伪类...

标签：  /   /   / 

HTML笔记

央视著名主持人李咏去世，其百度百科词条变灰是如何实现的？

3

Deshun 发布于 6年前 (2018-10-29) 2871℃ 评论(0) 赞 (1)

央视著名主持人李咏去世，其百度百科词条变灰是如何实现的？

李咏是央视著名主持人，他主持过的节目陪伴着无数人度过了美好的童年。但不幸的是，在10月29日上午9时许，李咏的妻子哈文在微博上发文称李咏去世的消息“在美国，经过17个月的抗癌治疗，2018年10月25日凌晨5点20分，永失我爱……”，一时间轰炸整个微博，明星大V以及网友们都为李咏...

标签：  /   / 

HTML笔记

HTML设定页面可滚定 背景图片固定

Deshun 发布于 6年前 (2018-10-10) 8662℃ 评论(0) 赞 (10)

有时项目中会遇到背景图固定，页面内容可以滚动，背景不随页面滚动而滚动。就像QQ空间、微博设置自定义背景图的固定选项。其实很容易实现，利用 background-attachment:fixed; 就能实现，代码如下：body{     background: url("bg.png");   &...

标签：  /   / 

HTML笔记

overflow的一些小细节笔记

3

Deshun 发布于 6年前 (2018-08-01) 3249℃ 评论(0) 赞 (0)

overflow的一些小细节笔记

最近在项目中遇到一个问题，同事在IE浏览器下测试时出现底部大块空白的问题。如下图：我反复测试，问题并没有重现，最后发现是Windows7系统下的IE浏览器会出现此问题。经过反复检查，发现在reset文件里面的一行代码的问题，把其中的 overflow-y:scroll; over...

标签：  /   /   / 

HTML笔记

解决老版本IE不兼容rgba的问题

Deshun 发布于 7年前 (2018-07-05) 3122℃ 评论(0) 赞 (0)

我们一般写一个半透明的 div ，只需要给这个 div 设置如下的属性即可：background: rgba(255,255,255,0.5);但是如果遇上 IE8 就有点蛋疼了。因为 IE8 不支持 rgba( ) 。 rgba 的含义，r 代表 red ，g 代表 green ，b 代表 blue ，红绿蓝是三原色。所有颜色都可以由这三种颜色拼合而成。a 代表透明度。比如...

标签：  /   /   / 

HTML笔记

利用CSS变量实现炫酷的悬浮效果

1

Deshun 发布于 7年前 (2018-07-02) 3661℃ 评论(0) 赞 (2)

利用CSS变量实现炫酷的悬浮效果

最近，我从 Grover网站 上发现以一个好玩儿的悬停动画，这个动画是将鼠标移动到订阅按钮上移动光标，会跟随光标实现相应的彩色渐变。这个想法很简单，但是它能使这个按钮脱颖而出，人们一下子就注意到它了，增加了点击的概率。怎样才能达到这个效果，使我们的网站脱颖而出呢？其实，它并不像我...

标签：  /   /   /   /   /