zoukankan      html  css  js  c++  java
  • CSS浏览器兼容----IE的定制CSS样式

    #条件声明(在另一篇文章中已有详细讲解说明了),也是解决IE兼容性最常用的方法

    <!--[if IE 8]>
    <style type="text/css">
    	/* css for IE 8 */
    </style>
    <![endif]-->
    
    <!--[if lt IE 8]>
    	<link href="ie7.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    

    #对于不同版本的IE相应的CSS规则,也是一种可选择的方式。

    IE8及或下版本:添加9(9)属性后

    IE7或以下版本:添加属性前添加*

    IE6:属性前添加_

    .box {
    	
    	background: gray; /* standard */
    
    	background: pink9; /* IE 8 and below */
    
    	*background: green; /* IE 7 and below */
    
    	_background: blue; /* IE 6 */
    
    }
    

    #条件声明里面,添加<html>的Class:

    这种方法是Paul Irish发明的,使用相应的IE class作为父类例如:

      .ie6 .box

    <!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
    <!--[if IE 7 ]> <html class="ie7"> <![endif]-->
    <!--[if IE 8 ]> <html class="ie8"> <![endif]-->
    <!--[if IE 9 ]> <html class="ie9"> <![endif]-->
    <!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
    
    <style type="text/css">
    body {
    	background: #efefef;
    	font: 1em/1.5em Arial, Helvetica, sans-serif;
    	color: #666;
    	 80%;
    	margin: 20px auto;
    }
    a {
    	color: #F60;
    }
    .box {
    	color: #fff;
    	padding: 5px 20px;
    	background: gray; 
    }
    .ie8 .box {
    	background: pink;
    }
    .ie7 .box {
    	background: green;
    }
    .ie6 .box {
    	background: blue;
    }
    </style>
    

      

    #下面是显示结果不同IE下的一个例子:

     VIEW DEMOIE Specific

     

  • 相关阅读:
    20181020遭遇战
    二分图最大分配
    2019.11.11 洛谷月赛t3
    2019.10.29 CSP%您赛第四场t2
    2019.10.28 CSP%您赛第四场t3
    2019.10.26 CSP%您赛第三场
    2019.10.24 CSP%你赛第二场d1t3
    0080-简单的排序
    0079-简单的循环
    0078-求最大因子
  • 原文地址:https://www.cnblogs.com/IanI/p/4024342.html
Copyright © 2011-2022 走看看