<b>兼容IE6/IE7/IE8/FireFox的CSS</b>[网站美工]
本文“<b>兼容IE6/IE7/IE8/FireFox的CSS</b>[网站美工]”是由七道奇为您精心收集，来源于网络转载，文章版权归文章作者所有，本站不对其观点以及内容做任何评价，请读者自行判断，以下是其具体内容：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>辨别IE6、IE7、IE8、FireFox的CSS hack</title>
<style type="text/css">
<!--
#test,#note{
margin:0 auto;
text-align:center;
}
.note{ text-align:left; text-indent:40px;}
#test {
width:200px;
height:30px;
border: 1px solid #000000;
color:#fff;
line-height:30px;
}
.color{
background-color: #CC00FF; /*全部浏览器城市显示为紫色*/
background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/
*background-color: #0066FF; /*IE6、IE7会变成蓝色*/
_background-color: #009933; /*IE6会变成绿色*/
}
-->
</style>
</head>
<body>
<div id="test" class="color">测试方块 zss</div>
<div id="note">
<strong style="color:#009933">IE6 终究为绿色</strong>
<strong style="color:#0066FF">IE7 终究为蓝色</strong>
<strong style="color:#FF0000">IE8 终究为红色</strong>
<strong style="color:#CC00FF">FireFox 终究变成紫色</strong>
<div class="note">
本日看到hiccblogs里面一个关于IE8的兼容,一句话很简单,惋惜只是针对IE兼容的,并且是成立在IE7的核心之上,范围性很大.自认为css兼容做的相对对比纯熟,既然出了IE8,那就把IE8的兼容也研究一下.
</div>
<div class="note">CSS兼容性一向是大家头疼的问题,IE6、IE7和FF已经让大家够呛,在从前的文章中,很多这方面的知识介绍.IE8正式版公布以来,就想在找一种辨别IE8正式版的办法.在百度搜索有很多个后果,谷歌搜索的后果更多.IE8正式版和测试版在hack上是有很大辨别的.并且网络上的办法几近都是彼此转载,呈现频率最高的要数那张linxz.cn的hack图片了,惋惜这张图里的办法对IE8正式版无效.
经过解析和总结,有了下面的行之有效的办理筹划,大概今后还会有更好更简单的hack,但就目前来说这个办法可以办理十万火急.<br />
</div>
<div class="note">
<ul>
<li style="list-style:none;"><strong style="color:#009933">Simple Example:</strong></li>
<li>"\9" 例:"margin:0px auto\9;".</li>
<li>这里的"\9"可以辨别全部IE和FireFox.</li>
<li>"*" IE6、IE7可以辨认.IE8、FireFox不能.</li>
<li>"_" IE6可以辨认"_",IE7、IE8、FireFox不能</li>
</ul>
</div>
</div>
</body>
</html>
以上是“<b>兼容IE6/IE7/IE8/FireFox的CSS</b>[网站美工]”的内容，如果你对以上该文章内容感兴趣，你可以看看七道奇为您推荐以下文章：
| 本文地址： | 与您的QQ/BBS好友分享! |
- 好的评价 如果您觉得此文章好，就请您
0%(0) 
- 差的评价 如果您觉得此文章差，就请您
0%(0) 
中查找“<b>兼容IE6/IE7/IE8/FireFox的CSS</b>”更多相关内容
中查找“<b>兼容IE6/IE7/IE8/FireFox的CSS</b>”更多相关内容