注释黑马程序员UI教程:CSSHack技术介绍及常用的Hack技巧

csshack  时间:2021-04-22  阅读:()

不同的浏览器对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下的多选择符

多类选择符的写法。例如

onevps:新增(支付宝+中文网站),香港/新加坡/日本等9机房,1Gbps带宽,不限流量,仅需$4/月

onevps最新消息,为了更好服务中国区用户:1、网站支付方式新增了支付宝,即将增加微信;原信用卡、PayPal方式不变;(2)可以切换简体中文版网站,在网站顶部右上角找到那个米字旗,下拉可以换中国简体版本。VPS可选机房有:中国(香港)、新加坡、日本(东京)、美国(纽约、洛杉矶)、英国(伦敦)、荷兰(阿姆斯特丹)、瑞士(苏黎世)、德国(法兰克福)、澳大利亚(悉尼)。不管你的客户在亚太区域、美洲区...

新网,域名7月盛夏1核心2G内存.COM域名仅19.9元/首年,主机9.9元/月,企业邮箱0元体验

新网好不好?新网域名便宜吗?新网怎么样?新网是国内老牌知名域名注册商,企业正规化运营,资质齐全,与阿里云万网和腾讯云DNSPOD同为国内服务商巨头。近日新网发布了最新的七月放价季优惠活动,主要针对域名、云主机、企业邮箱、SSL证书等多款云产品推送了超值的优惠,其中.com顶级域名仅19.9元/首年,.cn域名仅16元/首年,云主机1核心2G内存3Mbps带宽仅9.9元/月,企业邮箱更是免费送1年,...

BuyVM($5/月)不限流量流媒体优化VPS主机 1GB内存

BuyVM商家属于比较老牌的服务商,早年有提供低价年付便宜VPS主机还记得曾经半夜的时候抢购的。但是由于这个商家风控非常严格,即便是有些是正常的操作也会导致被封账户,所以后来陆续无人去理睬,估计被我们风控的抢购低价VPS主机已经手足无措。这两年商家重新调整,而且风控也比较规范,比如才入手他们新上线的流媒体优化VPS主机也没有不适的提示。目前,BuyVM商家有提供新泽西、迈阿密等四个机房的VPS主机...

csshack为你推荐
界面winrar5桥面163如时间选项无法打开请更改loadedios浙江世纪华通集团股份有限公司participants37支持ipadpublicationethics.orgcss3圆角在HTML里如何实现圆角矩形?ipad如何上网iPad怎么上网?请高手指点
域名查询软件 俄罗斯vps 怎样申请域名 godaddy主机 rak机房 正版win8.1升级win10 免费个人博客 网页背景图片 卡巴斯基永久免费版 创梦 服务器是干什么的 七夕快乐英语 英国伦敦 vul 独立主机 photobucket 免费个人主页 中国联通宽带测试 香港博客 连连支付 更多