不同的浏览器对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下的多选择符
多类选择符的写法。例如
前几天看到网友反馈到PacificRack商家关于处理问题的工单速度慢,于是也有后台提交个工单问问,没有得到答复导致工单自动停止,不清楚商家最近在调整什么。而且看到有网友反馈到,PacificRack 商家的之前年付低价套餐全部下架,而且如果到期续费的话账单中的产品价格会涨价不少。所以,如果我们有需要续费产品的话,谨慎选择。1、特价产品下架我们看到他们的所有原来发布的特价方案均已下架。如果我们已有...
ShockHosting商家在前面文章中有介绍过几次。ShockHosting商家成立于2013年的美国主机商,目前主要提供虚拟主机、VPS主机、独立服务器和域名注册等综合IDC业务,现有美国洛杉矶、新泽西、芝加哥、达拉斯、荷兰阿姆斯特丹、英国和澳大利亚悉尼七大数据中心。这次有新增日本东京机房。而且同时有推出5折优惠促销,而且即刻使用支付宝下单的话还可获赠10美金的账户信用额度,折扣相比之前的常规...
美国特价云服务器 2核4G 19.9元杭州王小玉网络科技有限公司成立于2020是拥有IDC ISP资质的正规公司,这次推荐的美国云服务器也是商家主打产品,有点在于稳定 速度 数据安全。企业级数据安全保障,支持异地灾备,数据安全系数达到了100%安全级别,是国内唯一一家美国云服务器拥有这个安全级别的商家。E5 2696v2x2 2核 4G内存 20G系统盘 10G数据盘 20M带宽 100G流量 1...