浏览器CSShack大全之特殊符号的应用

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

CSS hack大全之特殊符号的应用

由于各大浏览器尤其IE浏览器对web标准支持情况不一导致标准的网页在各个浏览器中的表现不一因此解决各浏览器兼容性问题成为了前端工程师最重要的工作之一而所谓的hack技术则是前端开发中必用的。

CSS hack的写法有很多种其中特殊符号的应用最为普遍也最为简洁下面一一介绍了特殊符号类型的CSS hack技术

1、反斜线\

适用浏览器 IE/Mac

反斜线\ hack利用了IE/Mac的一个bug。以\*/结束的注释在IE/Mac上是不正确关闭的所以那些需要在IE/Mac上被忽略的语句可以放在这种注释后面。

/*在IE Mac上忽略下面的语句\*/selector { . . . styles. . . }

/*忽略结束*/

2、下划线_

适用浏览器 IE6及其以下版本

IE6及以下的版本可以识别带有下划线前缀的属性而其它浏览器会忽略它。因此一个属性前面加上下划线或者连字符就成为了IE6及以下版本浏览器的专有属性。

#elem {width: [W3C Model Width] ;

_width: [BorderBox Model] ;

}

PS:这个hack利用浏览器的bug使用了无效的CSS 因而不推荐使用。

3、星号*

适用浏览器 IE7以下版本

除了下划线和连字符版本7及以下的IE可以识别以非字母字符为前缀的属性而其它浏览器会忽略。#elem {width: [W3C Model Width] ;

*width: [BorderBox Model] ;

}

PS:这个hack利用浏览器的bug使用了无效的CSS 因而不推荐使用。

4、星号HTML * html

适用浏览器 IE4-6

HTML元素是W3C标准DOM的根元素但是IE 4至6的版本中还有一个神秘的父元素。完全兼容的浏览器会忽略这个* html选择器但IE4-6却会对它正常处理。

* html p {font-size: 5em; }

PS这个HACK使用了完全有效的CSS。

5、星号加号*+

适用浏览器 IE7

*:first-child+html p { font-size: 5em; }

或者

*+html p { font-size: 5em; }

PS只在IE7标准模型里工作正常在怪异模式下不能用。 同时也被IE8的兼容模式相当于IE7的标准模式所支持。它也使用了有效的CSS。

6、子选择器>

适用浏览器 IE6以上版本及非IE浏览器

IE6和早期的版本不支持“子选择器” (>) 我们可以利用这个为其它浏览器指定特别的规则。html > body p { color: blue; }

7、子选择器加注释>/**/

适用浏览器 IE7以上版本及非IE浏览器

虽然IE7支持对子选择器但通过以下hack方法也可以把IE7也排除。当一个空的注释紧跟在子选择器的后面重复的时候 IE7会不识别后面的规则就和较早版本的浏览器一样。html >/**/ body p { color: blue; }

本文由根管治疗http://www.c qzh 120.c o m/ 提供

盘点AoYoZhuJi傲游主机商8个数据中心常见方案及八折优惠

傲游主机商我们可能很多人并不陌生,实际上这个商家早年也就是个人主机商,传说是有几个个人投资创办的,不过能坚持到现在也算不错,毕竟有早年的用户积累正常情况上还是能延续的。如果是新服务商这几年确实不是特别容易,问到几个老牌的个人服务商很多都是早年的用户积累客户群。傲游主机目前有提供XEN和KVM架构的云服务器,不少还是亚洲CN2优化节点,目前数据中心包括中国香港、韩国、德国、荷兰和美国等多个地区的CN...

日本vps云服务器选择指南。

日本vps云服务器怎么选择?很多人都会遇到日本vps和日本云服务器怎么选择的问题,日本云服务器具有免备案的特点。小编今天就分析一下日本云服务器价格多少钱,以方便大家选购的时候有个更加合适的取舍。日本云服务器租用前比较选择,高性能、安全、高效、免备案日本云服务器是很关键的因素。那么,日本云服务器该怎么选择呢?日本作为我们的邻国,与其贸易、文化往来是比较多的。日本云服务器价格多少钱一年?一、日本·CN...

EtherNetservers年付仅10美元,美国洛杉矶VPS/1核512M内存10GB硬盘1Gpbs端口月流量500GB/2个IP

EtherNetservers是一家成立于2013年的英国主机商,提供基于OpenVZ和KVM架构的VPS,数据中心包括美国洛杉矶、新泽西和杰克逊维尔,商家支持使用PayPal、支付宝等付款方式,提供 60 天退款保证,这在IDC行业来说很少见,也可见商家对自家产品很有信心。有需要便宜VPS、多IP VPS的朋友可以关注一下。优惠码SUMMER-VPS-15 (终身 15% 的折扣)SUMMER-...

csshack为你推荐
产业2014年2月25日敬请参阅最后一页特别声明三星苹果5重庆网通重庆联通网上营业厅手机版重庆宽带测速重庆电信测速我的网速溢出iexplore.exe应用程序错误iexplore.exe应用程序错误iexplore.exe应用程序错误iexplore.exe---应用程序错误.是什么意思?win10445端口win的22端口和23端口作用分别是什么 ?win7telnetwindows7旗舰版中telnet在哪canvas2动漫cv井口裕香,都有哪些作品?
主机租用 台湾vps 江西服务器租用 日本vps lnmp 西安服务器 t楼 主机屋免费空间 2017年黑色星期五 免费博客空间 免费静态空间 国外php空间 hnyd 嘟牛 52测评网 有益网络 165邮箱 789电视 免费phpmysql空间 vip域名 更多