飞龙这次做了个试验,学习探讨样式css的最头疼的问题:IE与firefox浏览器显示差别竟然如此大!好了飞龙举以例,跟随飞龙把下面这个网页代码复制到dreamweaver里面做试验吧。你有什么需要和飞龙讨论的,可以来这里(www.feilong.org)和我讨论。
你注意到了吗?IE与firefox浏览器显示差别大得让飞龙大吃一惊!
1.如果把带!important后缀的样式放在前面,ie浏览器忽略这个后缀、而选择不带!important后缀的样式来显示。但firefox优先选择带!important后缀的样式来显示。哈哈,ie啊!
2.如果把带!important后缀的样式放在后面,ie浏览器也ie浏览器忽略这个后缀,但是这次并没有选择不带!important后缀的样式,因为ie认为同一个属性设置发生重复时候,以后来飞龙“反悔”的那个样式为准?哈哈。这次firefox还是优先选择带!important后缀的样式来显示。两者这次边框颜色一样,飞龙认为不过是巧合!
这种带!important后缀并且放在前面的处理方式,有时能帮你解决代码正确,但两者显示老不一致的烦恼。但飞龙(www.feilong.org)提示不要滥用哟!
ie浏览器表现为:背景色跟着一起溢出,高度跟着一起自适应,也就是忽略你设定的固定高度。而firefox等浏览器呢,背景色就按你设定的固定高度走,还有下面的under 层竟然与上面的层发生重叠了!区别太明显了!
飞龙有过切身之痛:这预先设定的固定高度啊,就是在firefox里面与下面div层发生重叠的罪魁祸首!怎末解决呢?飞龙提供的修改办法是:把固定高度按层里内容实际告诉设置准确;或者不设置高度,让important层的高度完全自适应吧,不要让羞涩的支持css标准firefox左右为难哈哈!
博主:飞龙.org
出处:http://feilong.org/index.php/css-important-div-chongdie-ie-firefox
网络资料,朋友共享,http://feilong.org 可加入收藏夹。转载请保留上面文字