当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS 区分IE版本的三个方法

时间:2013-03-02 03:41来源:未知 作者:admin 点击:

标签:CSS 区分IE版本的三个方法 三个(16)方法(92)CSS(655)type(2)style(8)区分(8)tex(1)版本(8)
!--[if IE 8] style type=text/css /* css for IE 8 */ /style , CSS 入门教程 纵向导航菜单 ![endif]-- !--[if lt IE 8] link href=ie7, css sprites适用范围和css sprites的利弊 .css rel=stylesheet type=text/css / ![endif]-- 咱们通常应用IE条件判断语
CSS 区分IE版本的三个方法》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331Q2013.htm

<!--[if IE 8]>
<style type="text/css">
 /* css for IE 8 */
</style>
< ,CSS 入门教程 纵向导航菜单![endif]-->
 
<!--[if lt IE 8]>
 <link href="ie7,css sprites适用范围和css sprites的利弊.css" rel="stylesheet" type="text/css" />
< ![endif]-->


 

咱们通常应用IE条件判断语言来处理IE的CSS问题,但实在仍是有其余的一些方法来处置IE的CSS bug的。
一、IE条件判断语句

Tag:CSS   区分IE版本     CSS   区分IE版本    

三、HTML前提断定,给出不同的className

IE条件判断语句兴许是用的最多的划分IE版本(IE6, IE7, IE8)的办法了。看看下面用来分辨IE不同版本的代码:

二、CSS规则(IE CSS hacks)

    * IE8 及 低版本: 在CSS属性后置”\9″, 如 height:1000px\9;
    * IE7 及 低版本: 在CSS属性前置”*”, 如 *height:1000px;
    * IE6 及 低版本: 在CSS属性前置”_”, 如 _height:1000px;

第三个措施是由Paul Irish发动的。它实现的办法是通过IE条件判定来给HTML设置不同的className,而后在CSS中通过给不同的className下的后辈设置不同的款式即可实现。这个方法比拟可行,也不会有任何W3C验证的问题。


 

    * <!--[if IE 8]> = IE8版本
    * <!--[if lt IE 8]> = IE7版本以低版本
    * <!--[if gte IE 8]> = IE8版本及高版本

.box {
 background: gray; /* standard */
 
 background: pink\9,CSS Sprites技术及图片优化; /* IE 8 and below */
 
 *background: green; /* IE 7 and below */
 
 _background: blue; /* IE 6 */
}

另一个办法就是在样式文件中申明只有IE辨认的CSS规矩。比方,在CSS属性前置一个”*”区分IE7跟低版本,而前置一个”_”则区分IE6及低版本。然而,良多时候这个办法不被推举,由于这些CSS规则并不能被W3C CSS 验证胜利。

<!--[if lt IE 7 ]> <html class="ie6"> < ,CSS Sprites技术以及图片优化![endif]-->
<!--[if IE 7 ]> </html><html class="ie7"> < ![endif]-->,CSS Sprites技术;
<!--[if IE 8 ]> </html><html class="ie8"> < ![endif]-->
<!--[if IE 9 ]> </html><html class="ie9",CSS Sprites图片合并技术减少请求优缺点;> < ,css reset重置基础代码![endif]-->
<!--[if (gt IE 9)|!(IE)]>,CSS position属性定位总结;<!--> </html><html> <!--<,CSS opacity-实现图片半透明效果;![endif]-->,CSS HACK:IE6、IE7、IE8、Firefox兼容性问题解决方案;
</html>


 

--> [网站建设之]CSS:辨别IE版本的三个方式


(责任编辑:网站建设)
CSS 区分IE版本的三个方法相关文章
上一篇:CSS 入门教程 纵向导航菜单 下一篇:CSS 常用信息速查手册
回到顶部