CSS条件注释详细解决方案(根据不同浏览器加载CSS)
由于浏览器的不同版本,CSS中的某些元素的解释是不同的,并且不同的CSS代码被选择为不同版本的浏览器。
其实,我们也可以用条件注释的方法来达到类似的目的,什么是注释的条件,在这个简短中,无非是一些判断而已,呵呵,但是这些判断并不是在脚本中执行的,而是直接在HTML代码中执行的,在表面下介绍使用方法。
复制代码代码如下所示:
下面是普通的HTML代码
这里XXX是一个特殊的东方,这里列出了每一个的含义。
复制代码代码如下所示:
如果浏览器是IE /
如果浏览器是IE 5的版本
如果浏览器是IE 6的版本
如果浏览器是IE 7的版本
以上是几种常用的语法判断IE浏览器的版本。下面是一些相对较少的逻辑参数。
有几个参数:LTE,LT,GTE,GT!
详细解释如下:
小于或等于,即小于或等于。
它是小于等于小于意思的意思。
GTE:是大于或等于,即大于或等于的意思。
gt:是大于大于等于,大于。
例句:
复制代码代码如下所示:
如果IE版本大于5.5
如果IE版本小于6
如果浏览器不是IE浏览器/
我们相信,每个人都已经理解了条件注释的用法,OK。让我们举个例子。
复制代码代码如下所示:
定义哪些内容在浏览器下显示。
的下拉菜单(下拉菜单)模型来自cssplay,这已被许多作者的研究和反复试验,我想对该模型的实际条件注释的原则。
看一个最简单的模型
以下是XHTM:
复制代码代码如下所示:
演示
标签>
零美元广告页
围绕图像包装文本
风格的形成
活动焦点
悬停/点击没有边界
太极拳
详细信息的图像映射
背景图片的乐趣
褪色的滚动
EM图像大小比较
标签>
CSS
复制代码代码如下所示:
使用样式来定义IE和非IE,如果IE风格的基础上,辅以final_drop.css一final_drop_ie.css
首先看看CSS是如何定义在非IE
复制代码代码如下所示:
菜单UL Li UL {
显示:无;
}
特定于非IE浏览器
菜单:
颜色:# FFF;
背景:# bd8d5e;
}
鼠标在样式定义上
菜单:悬停状态
显示块;
位置:绝对;
上图:3em;
边距:1px;
左:0;
宽度:150px;
}
在非IE浏览器下,当李看到鼠标滑过时,显示的是UL,因为这些浏览器支持LI:悬停使用。
CSS在IE
复制代码代码如下所示:
菜单UL Li A:悬停{
颜色:# FFF;
背景:# bd8d5e;
}
当鼠标过多时,包含UL显示
菜单UL Li A:悬停
显示块;
位置:绝对;
上图:3em;
左:0;
背景:# FFF;
边距顶部:0;
玛格顶:1px;
}
继承上述final_drop.css风格,UL,李包含在没有鼠标的时候不显示
因为
复制代码代码如下所示: