不同的浏览器对CSS的解析结果是不同的因此会导致相同的CSS输出的页面效果不同这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS代码的过程就叫CSS Hack。
CSS Hack常见的有三种形式 CSS属性Hack、 CSS选择符Hack以及IE条件注释Hack Hack主要针对IE浏览器。
1、属性级Hack 比如IE6能识别下划线”_”和星号” * “ IE7能识别星号”
* “但不能识别下划线”_” 而firefox两个都不能认识。
2、选择符级Hack比如IE6能识别*html . class{} IE7能识别*+html .class{}或者*:first-child+html .class{} 。
3、 IE条件注释Hack IE条件注释是微软从IE5开始就提供的一种非标准逻辑语句。比如针对所有IE <! – [if IE]><! –您的代码–><! [endif] –>针对IE6及以下版本 <! – [if lt IE 7]><! –您的代码–><! [endif] –>这类Hack不仅对CSS生效对写在判断语句里面的所有代码都会生效。
PS条件注释只有在IE浏览器下才能执行这个代码在非IE浏览下被当做注释视而不见。可以通过IE条件注释载入不同的CSS、 JS、 HTML和服务器代码等。
二、常用的CSS Hack
head:first-child+body #demo { color:red; } /* IE7+、 FF、 Chrome、 Safari、Opera可以识别*/
:root #demo { color:red\9; } : /*仅IE9识别*/
两种情况的区别就在于 当在一个选择器中利用! important改变样式优先级的时候 IE6下是无效的后面的样式覆盖了前面的 ! important被彻底无视了利用! import
四、 IE6下的多选择符
多类选择符的写法。例如
乌云数据主营高性价比国内外云服务器,物理机,本着机器为主服务为辅的运营理念,将客户的体验放在第一位,提供性价比最高的云服务器,帮助各位站长上云,同时我们深知新人站长的不易,特此提供永久免费虚拟主机,已提供两年之久,帮助了上万名站长从零上云官网:https://wuvps.cn迎国庆豪礼一多款机型史上最低价,续费不加价 尽在wuvps.cn香港cera机房,香港沙田机房,超低延迟CN2线路地区CPU...
PQ.hosting怎么样?PQ.hosting是一家俄罗斯商家,正规公司,主要提供KVM VPS和独立服务器,VPS数据中心有香港HE、俄罗斯莫斯科DataPro、乌克兰VOLIA、拉脱维亚、荷兰Serverius、摩尔多瓦Alexhost、德国等。部分配置有变化,同时开通Paypal付款。香港、乌克兰、德国、斯洛伐克、捷克等为NVMe硬盘。香港为HE线路,三网绕美(不太建议香港)。免费支持wi...
LightNode官网LightNode是一家位于香港的VPS服务商.提供基于KVM虚拟化技术的VPS.在提供全球常见节点的同时,还具备东南亚地区、中国香港等边缘节点.满足开发者建站,游戏应用,外贸电商等应用场景的需求。为用户带来高性能服务器以及优质的服务的同时还提供丰厚的促销活动,新用户注册最高送$20。注册用户带新客即可得10%返佣。商家支持PayPal,支付宝等支付方式。官网:https:/...