您现在的位置是:网站首页>列表内容
css识别浏览器类型编写区分浏览器的代码CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局,左侧固定宽,右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
2023-10-08 10:40:29 164人已围观
简介 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却不行。
复制代码
代码如下:.classname{
blue; /*Firefox等非IE浏览器背景变蓝色*/
red \9; /*IE8 背景变红色*/
*black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}
.classname {
black !important; /*非IE6 背景变黑色*/
background:orange; /*IE6 背景变橘色*/
}
因为其他浏览器可读取「!important;」但IE6却不行。
点击排行
- 洛克王国圣冠布鲁斯获得方法 布鲁斯怎么超进化_网络游戏_游戏攻略_
- dnf亡者峡谷的气息怎么获得 有哪些作用_网络游戏_游戏攻略_
- 洛克王国傲雪冰灵获得方法 雪精灵怎么超进化_网络游戏_游戏攻略_
- 激战2满级后可以做什么_激战2满级后的乐趣详细盘点_网络游戏_游戏攻略_
- 洛克王国光芒使者获得方法 绿灵仙子去哪里捕抓_网络游戏_游戏攻略_
- cfQQ钱包1分钱抢AK47茉莉活动规则与奖励一览_网络游戏_游戏攻略_
- 洛克王国绿灵仙子_翠灵智者_光芒使者技能表_种族值_进化图一览_网络游戏_游戏攻略_
- 剑灵第一届武灵天下赛奖品奖励一览_怎么参加_网络游戏_游戏攻略_
- 剑灵金龙装饰箱获得方法介绍_网络游戏_游戏攻略_
本栏推荐
-
洛克王国圣冠布鲁斯获得方法 布鲁斯怎么超进化_网络游戏_游戏攻略_
-
dnf亡者峡谷的气息怎么获得 有哪些作用_网络游戏_游戏攻略_
-
洛克王国傲雪冰灵获得方法 雪精灵怎么超进化_网络游戏_游戏攻略_
-
激战2满级后可以做什么_激战2满级后的乐趣详细盘点_网络游戏_游戏攻略_
-
洛克王国光芒使者获得方法 绿灵仙子去哪里捕抓_网络游戏_游戏攻略_
-
cfQQ钱包1分钱抢AK47茉莉活动规则与奖励一览_网络游戏_游戏攻略_
-
洛克王国绿灵仙子_翠灵智者_光芒使者技能表_种族值_进化图一览_网络游戏_游戏攻略_
-
剑灵第一届武灵天下赛奖品奖励一览_怎么参加_网络游戏_游戏攻略_
-
剑灵金龙装饰箱获得方法介绍_网络游戏_游戏攻略_