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

舍利云:海外云服务器,6核16G超大带宽vps;支持全球范围,原价516,折后价200元/月!

舍利云怎么样?舍利云推出了6核16G超大带宽316G高性能SSD和CPU,支持全球范围,原价516,折后价200元一月。原价80美元,现价30美元,支持地区:日本,新加坡,荷兰,法国,英国,澳大利亚,加拿大,韩国,美国纽约,美国硅谷,美国洛杉矶,美国亚特兰大,美国迈阿密州,美国西雅图,美国芝加哥,美国达拉斯。舍利云是vps云服务器的销售商家,其产品主要的特色是适合seo和建站,性价比方面非常不错,...

域名注册需要哪些条件(新手注册域名考虑的问题)

今天下午遇到一个网友聊到他昨天新注册的一个域名,今天在去使用的时候发现域名居然不见。开始怀疑他昨天是否付款扣费,以及是否有实名认证过,毕竟我们在国内域名注册平台注册域名是需要实名认证的,大概3-5天内如果不验证那是不可以使用的。但是如果注册完毕的域名找不到那也是奇怪。同时我也有怀疑他是不是忘记记错账户。毕竟我们有很多朋友在某个商家注册很多账户,有时候自己都忘记是用哪个账户的。但是我们去找账户也不办...

PacificRack:洛杉矶KVM月付1.5美元起,1G内存套餐年付12美元起

PacificRack在本月发布了几款特价产品,其中最低款支持月付仅1.5美元,基于KVM架构,洛杉矶机房,PR-M系列。PacificRack简称PR,QN机房旗下站点,主要提供低价VPS主机产品,基于KVM架构,数据中心为自营洛杉矶机房,现在只有PR-M一个系列,分为了2个类别:常规(Elastic Compute Service)和多IP产品(Multi IP Server)。下面列出几款秒...

csshack为你推荐
excursionsios5支持ipad请务必阅读正文之后的免责条款部分特斯拉苹果5平台操作使用手册eacceleratoreaccelerator.shm_size设置多少合适呢?photoshop技术什么是ps技术tcpip上的netbios网络连接详细信息上的netbios over tcpip是什么意思?tcpip上的netbios禁用tcp/ip上的netbios对网络应用软件的正常运行有没有影响?360chromechrome是什么文件夹?是360急速浏览器吗?但是怎么没有卸载掉?
域名服务器上存放着internet主机的 新通用顶级域名 电信测速器 sugarsync 59.99美元 mediafire下载工具 payoneer godaddy续费优惠码 表格样式 http500内部服务器错误 好看的桌面背景图片 建站代码 ibox官网 dd444 howfile 宁波服务器 韩国名字大全 hktv 免费外链相册 smtp服务器地址 更多