您现在的位置是：网站首页> 编程资料编程资料

css识别浏览器类型编写区分浏览器的代码CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局，左侧固定宽，右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题

2021-08-29 2256人已围观

简介 css中可以根据各浏览器自己独立的可识别的特殊代码来编写区分浏览器的代码，由于CSS读取时是按从上到下来的，同样属性靠后写的生效，下面有个不错的示例，感兴趣的朋友可以参考下

CSS代码中，则可以根据各浏览器自己独立的可识别的特殊代码来编写区分浏览器的代码，例如为IE系列浏览器可读[\9]，而IE6和IE7可读[*]，另外IE6可辨识[ _ ](下划线)；由于CSS读取时是按从上到下来的，同样属性靠后写的生效，因此可以依照顺序写下来，就会让每个浏览器正确的读取到自己看得懂得CSS语法，有效区分各类型或版本：

复制代码

代码如下:

.classname{
blue; /*Firefox等非IE浏览器背景变蓝色*/
red \9; /*IE8 背景变红色*/
*black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}
.classname {
black !important; /*非IE6 背景变黑色*/
background:orange; /*IE6 背景变橘色*/
}

因为其他浏览器可读取「!important;」但IE6却不行。

上一篇：span设CSS样式总是不起作用的解决方法html-css设置标签样式不起作用的2点原因为什么有些css样式不起作用 CSS样式不起作用(史上最全解决方法汇总)

下一篇：IE6、IE7、IE8、Firefox兼容性CSS HACK代码及示例

您现在的位置是：网站首页> 编程资料编程资料

相关内容

点击排行

本栏推荐

猜你喜欢