首页 技术 正文
技术 2022年10月18日
0 收藏 962 点赞 1,543 浏览 1233 个字

原文地址:css常用hack

突然想起今天早上在CNZZ看到的统计数据,使用IE6、7的用户比例还真多,看到之后我的心都碎了。微软都放弃了为毛还有这么多人不死心?

所以说,IE下的兼容还是得做的。 –,–

css hack分为3种,即属性hack,IE条件注释hack,CSS选择器Hack

1、属性hack

对于这个我只想说网上各种答案都有,只知道复制粘贴,好多错误,测试一下不就知道了。

.myClass{
background-color:#f1ee18;/*所有识别*/
background-color:#00deff\9;/*IE6、7、8、9、10识别,但是IE11不支持,亲测*/
background-color:#00deff\0;/*IE8、9、10、11识别,据说还有opera*/
background-color:#00deff\9\0;/*IE8、9、10识别*/
+background-color:#a200ff;/*IE6、7识别*/
*background-color:#a200ff;/*IE6、7识别*/
_background-color:#1e0bd1;/*IE6识别*/
}

  

这里要注意的一点用法是在IE6下,

.myClass{
background:red!important;
background:green;
}

  

那么,会显示绿色green。如果我这样子写呢?

.myClass{
background:green;
background:red!important;
}

  

那么你会发现显示的背景为红色,亲测。那就说明,IE6不认识important了吗?当然是错的,

h1{
background: red!important;
}
h1{
background: green;
}

  

你会发现上面的样式在IE6下会显示红色,如果不认识,应该是绿色才对。
css常用hack

2、条件注释hack

<!--[if ie ]><![endif]--><!--当然用到的还有lt,gt,lte,gte,!-->

  

3、选择器hack

说到选择器的hack,那真的是有很多很多了,

对于属性选择器,IE6都是不支持的,但IE7及以上是支持的

[attr*=val]//多个值[attr^=val][attr$=val][attr~=val]//值之间有空格

  

还有兄弟选择器,IE6都是不支持的,但IE7及以上是支持的

p + h1 //h1在p的后面相邻,二者有相同的父元素p ~ h1 //所有在p的后面的h1都会选择出来

  

再比如,最常用的伪类

:after

:before

IE8及以上支持,亲测。

对于css3的::after和::before伪元素与此伪类一直混淆不清,只知道IE9及以上才支持。

最后当然就是css3的一些伪类选择器了,只有IE9及以上才支持,似乎css3的伪类选择器都只有IE9及以上才支持。

:root

:nth-child(n)

:nth-of-type(n)

详细可以参照官方文档

还可以参考这篇文章

微信扫一扫

支付宝扫一扫

本文网址:https://www.seoos.net/9766.html

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:875 阅读:1,697
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:806 阅读:1,579
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:564 阅读:1,053
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:730 阅读:1,041
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:1,370
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:1,701
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站