It's my evolution lab…
CSS控制DIV层固定在浏览器底部
七 1st
使用CSS控制DIV层,使这个DIV层一直在浏览器底部,代码如下:
- #foot{
- width:100%;
- height:50px;
- position:absolute;
- top:100%;
- margin-top:-50px;
- background:Blue;
- color:white;
- }
首先要设置定位为绝对定位,并设置top为100%,当div的height为N数值时,其div层就必须设margin-top为-N值。IE,FF通过测试。
WP Theme 资源收集
六 29th
来自国外的免费WordPress免费主题网站
http://www.themelab.com/
http://www.wpthemespot.com
http://topwpthemes.com/
著名的万能float闭合Clearfix Hack
六 17th
部分浏览器差异和Bug消除技巧
六 12th
来源:http://www.dangbao.net/article/data/cssbug.htm
平时开发的时候经常会遇到一些Bug,做个整理和收集
CSS的优先权:style优先级大于id,id的优先级大于class。
FF下水平居中:margin-left:auto;margin-right:auto。
网页编码为UTF-8,页面注释最好用英文。
一个容器内有两个以上浮动元素注释时,容易引起IE BUG(莫名出现结尾字符)。解决方法:删除注释。
浮动+margin在IE6下出现双倍边距,display:inline消除。
IE6不支持除A标签以外的伪类。
IE下容器边框有断裂的地方,容器加上宽度或者zoom:1即可。
IE6捉迷藏bug:预览页面的内容不会出现。全选后出现。给藏起来的容器使用宽度和高度,或者设置line-height即可。
line-height和height的高度相同时,不同的字体显示是居中效果也不同。
list-style-image无法准确定位,建议使用li的背景来实现。
用vertical-align:middle来对齐文本与文本输入框。
禁用文本框中文输入法的通用方法:ime-mode:disabled。
兼容各浏览器的CSS截取字符串省略号效果
六 9th
做前台开发的时候经常会遇到截取字符串的效果,可以用JavaScript或CSS来完成,这里介绍的是兼容目前多个浏览器的CSS处理方法,后期会补全使用JavaScript处理方法。 继续阅读 »