CSS Hack 区别 IE6 / IE7 /IE8 /Firefox

日期:2021-01-20 类型:科技新闻 

关键词:建站平台有哪些,如何建设网站,免费自助建站,如何建立一个网站,网站建站的

但难题是,以便1句CSS写多1个文档,或在header上加上注解,那明显并不是懒人的习惯性做法。结果以下:

拷贝编码
编码以下:

selector{
property:value; /* 全部访问器 */
property:value\9; /* 全部IE访问器 */
+property:value; /* IE7 */
_property:value; /* IE6 */
}
[code]
自然,留意次序。依据CSS的优先选择性,上面的写法,各自对于Firefox、IE8、IE7和IE6显示信息值。让大家看看这个演试:
演试的CSS编码以下:
[code]
p.ie{
height:60px;text-align:center;line-height:60px;border:1px dashed #bbb;background:#f7f7f7;font:15;
color:blue; // 全部访问器
color:brown\9; // 全部IE访问器
+color:red; // IE7
_color:green; // IE6
}

哈,客观事实就这么简易。你看到的是那1句话呢?假如你好几个访问器都检测了,就会看到,显示信息的文本和色调是不一样的。为何?看看我的HTML中这个段落是这样写的:

拷贝编码
编码以下:

<p class="ie">
<span style="display:block;display:none\9;">嘿嘿,小子居然也用Firefox,蓝色文本。</span>
<!--[if IE 8]>非常好非常好,挺优秀的嘛,应用IE8呢!文本是褐色的。<![endif]-->
<!--[if IE 7]>你,IE7,鲜红色文本!<![endif]-->
<!--[if IE 6]>孩子,尽管显示信息的是翠绿色文本,但是,IE6可并不是好物品呢!<![endif]-->
</p>

对,便是IE标准注解+CSS的結果。顺道学1下IE标准注解吧。无需再举例了吧,1看就了解那个对那个了。
源码免费下载:ie-firefox-hack.zip
上一篇:撰写优异CSS编码的13个提议小结 返回下一篇:没有了