在firefox与IE下DIV+CSS Padding效果不同的解决方法
<div style="padding-top:5px;width:200px;height:15px;background-color:#ffeeee"> test </div>
以上代码在IE中和firefox会有不同的效果.最主要原因是firefox解释padding-top与IE的效果不同
fixfox对DIV总高度是padding-top+height的,而IE中,padding-top是包含在height中的,
要解决这一个矛盾,可以利用!important
padding-top:5px;
height:10px !important;
height:15px;
以上定义了两个height, 其中一个后面加了!important , IE将会忽略这个属性,而使用后面的height:15px; 而firefox却不会忽略这个属性, 直接使用height:10px
这样就可以很巧妙的解决这个问题
相关文档：
/***************************by
garcon1986********************************/
区分
visibility:hidden
和
display:none
visibility:hidden
hides an element, but it will still take up the same space as before.
The element will be hidden, but still affect the layout.
Display: none
hides ......
1.css在不同浏览器下显示效果不同
firefox和IE对某些css样式的认定有不少区别，包括：
· ul和ol的默认padding值是不一样的，在Firefox中， ......
如果灵活应用CSS各种滤镜的特点并加以组合，我们可以得到许多意想不到的效果。这是一些效果示范，供各位参考。
网页特效Abc
用blur滤镜做出的效果，代码如下：
FILTER: blur(direction=135,strength=8)
网页特效Abc
用dropshadow滤镜做出的效果，代码如下：
FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positi ......
外部引用CSS
中 link
与@import
的区别
这两天写了CSS样式，具体研究了XHTML加载CSS
的几种方式，其中外部引用CSS
分为两种方式link
和@import
。
本质上，这两种方式都是为了加载CSS
文件，但还是存在着细微的差别。
* 差别1：老祖宗的差别。link
属于XHTML标签，而@import
完全是CSS
提� ......
IE6 IE7 IE8 Firefox Opera Google
范例
>
Y
Y
N
N
N
N
.type { >color: #F00; }
.
Y
Y
N
N
N
N
.type { .color: #F00; }
*
Y
Y
N
N
N
N
.type { *color: #F00; }
_
Y
N
N
N
N
N
.type { _color: #F00; }
!important
N
Y
Y
Y
......
