目前比较全面的浏览器CSS BUG兼容汇总

2020-05-10 11:44:24易采站长站整理

属性选择器的范围比较大,
如p[id]中,所有p标签中有id的都是同样式的.  
9.最狠的手段 – !important;    
如果实在没有办法解决一些细节问题,
可以用这个方法.FF对于”!important”会自动优先解析,
然而IE则会忽略.
如下   
.tabd1
{    
background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/    
background:url(/res/images/up/tab1.gif) no-repeat 1px 0px; /* Style for IE */}   
值得注意的是,一定要将xxxx !important 这句放置在另一句之上,上面已经提过   
10.IE,FF的默认值问题   
或许你一直在抱怨为什么要专门为IE和FF写不同的CSS,
为什么IE这样让人头疼,然后一边写css,一边咒骂那个可恶的M$ IE.
其实对于css的标准支持方面,IE并没有我们想象的那么可恶,
关键在于IE和FF的默认值不一样而已,掌握了这个技巧,
你会发现写出兼容FF和IE的css并不是那么困难,或许对于简单的css,
你完全可以不用”!important”这个东西了。    
我们都知道,浏览器在显示网页的时候,都会根据网页的 css样式表来决定如何显示,
但是我们在样式表中未必会将所有的元素都进行了具体的描述,
当然也没有必要那么做,所以对于那些没有描述的属性,
浏览器将采用内置默认的方式来进行显示,譬如文字,
如果你没有在css中指定颜色,那么浏览器将采用黑色或者系统颜色来显示,div或者其他元素的背景,
如果在 css中没有被指定,浏览器则将其设置为白色或者透明,等等其他未定义的样式均如此。
所以有很多东西出现FF和IE显示不一样的根本原因在于它们的默认显示不一样,而这个默认样式该如何显示我知道在w3中有没有对应的标准来进行规定,
因此对于这点也就别去怪罪IE了。
11.为什么FF下文本无法撑开容器的高度
标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,
那我又想固定高度,又想能被撑开需要怎样设置呢?
办法就是去掉height设置min-height:200px;   
这里为了照顾不认识min-height的IE6 
可以这样定义: { height:auto!important; height:200px; min-height:200px; }
12.FireFox下如何使连续长字段自动换行
众所周知IE中直接使用 word-wrap:break-word 就可以了, 
FF中我们使用JS插入的方法来解决 
<style type="text/css"> 
<!–
div 
{      
width:300px;