识别Css兼容性问题CSShack区分IE6IE7IE8firefox
selector{property:value; /*所有浏览器*/property:value\9; /*所有IE浏览器*/
+property:value; /* IE7 */
_property
当然注意顺序。根据CSS的优先性上面的写法分别针对Firefox、 IE8、 IE7和IE6显示值。让我们看看这个
CSS代码如下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
}
HTML代碼
<body style="width:500px;margin:0 auto;">
<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>
</body>
注意下面介绍的这些hack写法仅适用于XHTML1.0。如果没有在HTML最前加上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml">
那么效果将不一样此外这里所说的IE8不是指IE8的兼容模式因为IE8的兼容模式其实就是IE7。
区别IE6、 7与FF/IE8background:blue;*background:orange;
引用
显示效果
IE 6/7 orange
FF/IE8:blue
原理 FF/IE8不支持*开头而IE6/7都支持。
区别IE6与IE7/IE8/FFbackground:green;_background:blue;
引用
显示效果
IE7/8/FF green
IE6:blue
原理 IE6支持下划线"_" IE7、 8和firefox均不支持下划线。区别FF/IE8和IE6/7background:orange;+background:green;-background:blue;
或者background:orange;*background:green! important;*background:blue;引用
显示效果
IE6 blue
IE7 green
FF/IE8:orange
原理 IE6能识别- IE7能识别+ IE8和FF都不能识别+和-
IE8/FF都不识别* IE7优先识别! important IE6不能识别! important。关于IE8的hacks
. test{color:/*\**/#00f\9; /* IE8 only */color:#00f\9; /*适用于所有IE版本*/
}
可同时区分IE8、 IE7、 IE6、 Firefox的CSS hacks
. test{color:#000; /* Firefox */color:/*\**/#00f\9; /* IE8 */
*color:#f00; /* IE7 */
_color:#0f0; /* IE6 */
}
添加相应的注释解决兼容性问题
注释相应的Css文件
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /><!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="css/IE6style.css" media="screen" /><! [endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="css/IE7style.css" media="screen" /><! [endif]-->
<!--[if gte IE 8]>
<link rel="stylesheet" type="text/css" href="css/IE8style.css" media="screen" />
<! [endif]-->
注释相应的Css 内容
<!--[if ie 6]>
<style>
<!--
#warp{ padding-bottom: 11px; }-->
</style>
<! [endif]-->
<!--[if ie 7]>
<style>
<!--
#warp{ padding-bottom: 11px; }
-->
</style>
<! [endif]-->
<!--[if ie 8]>
<style>
<!--
#warp{ padding-bottom: 11px; }-->
</style>
<! [endif]-->
- 识别Css兼容性问题CSShack区分IE6IE7IE8firefox相关文档
- 背景IE6、IE7、IE8、Firefox兼容性CSSHACK代码示例
- 浏览器CSShack大全之特殊符号的应用
- 识别CssHack技巧-论浏览器的兼容性
- 浏览器IE6,IE7,IE8,Firefox,Chrome,Safari的CSShack兼容表
- 注释黑马程序员UI教程：CSSHack技术介绍及常用的Hack技巧
- 元素CSShack：针对IE6IE7IE8IE9firefox显示不同效果
ftlcloud(超云)9元/月，1G内存/1核/20g硬盘/10M带宽不限/10G防御，美国云服务器
ftlcloud怎么样?ftlcloud(超云)目前正在搞暑假促销，美国圣何塞数据中心的云服务器低至9元/月，系统盘与数据盘分离，支持Windows和Linux，免费防御CC攻击，自带10Gbps的DDoS防御。FTL-超云服务器的主要特色：稳定、安全、弹性、高性能的云端计算服务，快速部署，并且可根据业务需要扩展计算能力，按需付费，节约成本，提高资源的有效利用率。点击进入：ftlcloud官方网站...
香港 1核 1G 5M 22元/月 美国 1核 512M 15M 19.36元/月 轻云互联
轻云互联成立于2018年的国人商家，广州轻云互联网络科技有限公司旗下品牌，主要从事VPS、虚拟主机等云计算产品业务，适合建站、新手上车的值得选择，香港三网直连（电信CN2GIA联通移动CN2直连）；美国圣何塞（回程三网CN2GIA）线路，所有产品均采用KVM虚拟技术架构，高效售后保障，稳定多年，高性能可用，网络优质，为您的业务保驾护航。官方网站：点击进入广州轻云网络科技有限公司活动规则：用户购买任...
NameSilo域名优惠码活动
NameSilo是通过之前的感恩节优惠活动中认识到这家注册商的，于是今天早上花了点时间专门了解了NameSilo优惠码和商家的详细信息。该商家只销售域名，他们家的域名销售价格还是中规中矩的，没有像godaddy域名标价和使用优惠之后的价格悬殊很大，而且其特色就是该域名平台提供免费的域名停放、免费隐私保护等功能。namesilo新注册域名价格列表，NameSilo官方网站：www.namesilo....
-
力学迅雷pcllenchrome支出127netbios端口如何组织netbios端口的外部通信ipadwifiIpad怎么用移动无线上网ipadwifiIPAD连上了WIFI，但是无法上网，急！！iexplore.exe应用程序错误iexplore.exe应用程序错误itunes备份如何用iTunes备份iPhoneiphonewifi苹果手机怎么wi-fi共享重庆电信宽带管家如何才能以正确的流程在重庆电信安装上宽带