注释黑马程序员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下的多选择符

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

华纳云,3折低至优惠云服务器,独立服务器/高防御服务器低至6折,免备案香港云服务器CN2 GIA三网直连线路月付18元起,10Mbps带宽不限流量

近日华纳云发布了最新的618返场优惠活动,主要针对旗下的免备案香港云服务器、香港独立服务器、香港高防御服务器等产品,月付6折优惠起,高防御服务器可提供20G DDOS防御,采用E5处理器V4CPU性能,10Mbps独享CN2 GIA高速优质带宽,有需要免备案香港服务器、香港云服务器、香港独立服务器、香港高防御服务器、香港物理服务器的朋友可以尝试一下。华纳云好不好?华纳云怎么样?华纳云服务器怎么样?...

wordpress高级跨屏企业主题 wordpress绿色企业自适应主题

wordpress高级跨屏企业主题,通用响应式跨平台站点开发,自适应PC端+各移动端屏幕设备,高级可视化自定义设置模块+高效的企业站搜索优化。wordpress绿色企业自适应主题采用标准的HTML5+CSS3语言开发,兼容当下的各种主流浏览器: IE 6+(以及类似360、遨游等基于IE内核的)、Firefox、Google Chrome、Safari、Opera等;同时支持移动终端的常用浏览器应...

3元/首月香港便宜vps究竟是什么货。

便宜的香港vps多少钱?现在国外VPS主机的价格已经很便宜了,美国VPS主机最低一个月只要十几元,但同样免备案的香港VPS价格贵不贵呢?或者说便宜的香港VPS多少钱?香港vps主机价格要比美国机房的贵一些,但比国内的又便宜不少,所以目前情况是同等配置下,美国VPS比香港的便宜,香港VPS比国内(指大陆地区)的便宜。目前,最便宜香港vps低至3元/首月、18元/月起,今天云服务器网(www.yunt...

csshack为你推荐
followcss"2014年全国民营企业招聘会现场A区域企业信息",,,,participants37支持ipad支持ipadipad连不上wifiipad2 wifi连接不上,刚连上就弹出一个 success页面itunes备份itunes就是备份不了怎么办啊ipad上网ipad上网速度很慢怎么回事?联通版iphone4s苹果4s是联通版,或移动版,或全网通如何知道?googleadsensegoogle adsense 和google adwords有什么区别?适合什么样的人群?
买域名 国外域名 个人域名注册 中文域名查询 cybermonday 主机 电影服务器 全能主机 骨干网络 中国电信测速112 亚马逊香港官网 域名dns 游戏服务器出租 atom处理器 hdroad 密钥索引 香港ip alexa世界排名 免费服务器 日本小学生 更多