浏览器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/ 提供

Friendhosting全场VDS主机45折,虚拟主机4折,老用户续费9折

Friendhosting发布了今年黑色星期五促销活动,针对全场VDS主机提供45折优惠码,虚拟主机4折,老用户续费可获9折加送1个月使用时长,优惠后VDS最低仅€14.53/年起,商家支持PayPal、信用卡、支付宝等付款方式。这是一家成立于2009年的老牌保加利亚主机商,提供的产品包括虚拟主机、VPS/VDS和独立服务器租用等,数据中心可选美国、保加利亚、乌克兰、荷兰、拉脱维亚、捷克、瑞士和波...

VPS云服务器GT线路,KVM虚vps消息CloudCone美国洛杉矶便宜年付VPS云服务器补货14美元/年

近日CloudCone发布了最新的补货消息,针对此前新年闪购年付便宜VPS云服务器计划方案进行了少量补货,KVM虚拟架构,美国洛杉矶CN2 GT线路,1Gbps带宽,最低3TB流量,仅需14美元/年,有需要国外便宜美国洛杉矶VPS云服务器的朋友可以尝试一下。CloudCone怎么样?CloudCone服务器好不好?CloudCone值不值得购买?CloudCone是一家成立于2017年的美国服务器...

Megalayer新加坡服务器国际带宽线路测评

前几天有关注到Megalayer云服务器提供商有打算在月底的时候新增新加坡机房,这个是继美国、中国香港、菲律宾之外的第四个机房。也有工单询问到官方,新加坡机房有包括CN2国内优化线路和国际带宽,CN2优化线路应该是和菲律宾差不多的。如果我们追求速度和稳定性的中文业务,建议还是选择CN2优化带宽的香港服务器。这里有要到Megalayer新加坡服务器国际带宽的测试服务器,E3-1230配置20M国际带...

csshack为你推荐
伺服器chrome支持ipad支持ipad支持ipad地址163Deviceios5Applicationsios5eacceleratoreaccelerator.shm_size设置多少合适呢?win10关闭445端口win10怎么关闭445的最新相关信息iphone连不上wifi为什么苹果手机连不上wifi微信都发不出去?
美国和欧洲vps 中文域名交易中心 arvixe mach 68.168.16.150 搜狗抢票助手 全能主机 铁通流量查询 好看qq空间 数字域名 合租空间 cdn联盟 老左来了 Updog google台湾 东莞服务器托管 国内空间 睿云 cdn加速技术 卡巴斯基官方下载 更多