html5教程-区分IE8/IE7/IE6及其他浏览器-CSS “/9″hack

发布时间:2018-12-18 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了html5教程-区分IE8/IE7/IE6及其他浏览器-CSS “/9″hack脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
 

一、前面的唠叨

CSS hack这个东东可以说是老掉牙的东西,我是不会再放到锅里炒的。之所以写这篇文章,更主要的是介绍一个CSS hack – “/9” hack,总之,在我的印象中,这个hack不常用,是适用范围问题,还是确实大家不了解我就不知道了。我最早见到此hack是在新浪博客的CSS文件中,而且这个”/9″ hack可以说犹如泛滥,水漫金山寺般的使用,见下面的截图(chrome查找结果截图):

html5教程-区分IE8/IE7/IE6及其他浏览器-CSS “/9″hack

当时并不知道此hack的作用对象,今天偶然又看到此属性,于是简单研究之,发现这是个针对IE浏览器的hack,于是决定写下这篇笔记式的文章,算是一个简单知识点的累积。

本文地址: http://www.zhangxinxu.com/wordpress/?p=723

本文作者为:张鑫旭 来源于:张鑫旭-鑫空间-鑫生活 欢迎访问原出处

二、IE8以及以下版本浏览器

对于IE8及其以下版本的浏览器,就是使用本文标题所提到的”/9″ hack。如下代码:

 .ie6_7_8{     color:blue; /*所有浏览器*/     color:red/9; /*IE8以及以下版本浏览器*/ } 

说明:使用如上所示,在分号之前属性时候添加”/9″就可以了,为什么添加”/9″可以区分目前的IE浏览器和其他浏览器我是不知道的,这里只能使用”/9″,像是”/8″或是”/ie”都是无效的,这个还是比较有趣的。

三、IE7以及以下版本浏览器

这个知道的人应该很多,也是很基本的,就是使用"*"号了,如下示例代码:

 .ie6_7_8{     color:blue; /*所有浏览器*/     color:red/9; /*IE8以及以下版本浏览器*/     *color:green; /*IE7及其以下版本浏览器*/ } 

本文地址: http://www.zhangxinxu.com/wordpress/?p=723

本文作者为:张鑫旭 来源于:张鑫旭-鑫空间-鑫生活 欢迎访问原出处

四、IE6浏览器

就本文而言,使用下划线"_"区分IE6浏览器是最好的选择,如下代码:

 .ie6_7_8{     color:blue; /*所有浏览器*/     color:red/9; /*IE8以及以下版本浏览器*/     *color:green; /*IE7及其以下版本浏览器*/     _color:purple; /*IE6浏览器*/ } 

其他的就不赘述了,您可以狠狠地点击这里:区分IE8/IE7/IE6及其他浏览器demo

此demo在各个浏览器下的表现如下图所示:

html5教程-区分IE8/IE7/IE6及其他浏览器-CSS “/9″hack


html5教程-区分IE8/IE7/IE6及其他浏览器-CSS “/9″hack


html5教程-区分IE8/IE7/IE6及其他浏览器-CSS “/9″hack


html5教程-区分IE8/IE7/IE6及其他浏览器-CSS “/9″hack

五、最后的唠叨

在页面中大量使用hack技术的都是CSS技术泛泛之辈,如果您写一个上千行(横排格式)的CSS文件里面没有一个hack,ok,你技术已经不错了。以我的经验,很少很少的情况是不得已使用hack才能解决的。追求页面样式无hack也是提高CSS技能不错方法之一。

欢迎纠错。

(本篇完)

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! html5教程,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的html5教程-区分IE8/IE7/IE6及其他浏览器-CSS “/9″hack全部内容,希望文章能够帮你解决html5教程-区分IE8/IE7/IE6及其他浏览器-CSS “/9″hack所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:CSS