乐码库:一个极速、放心、纯净的下载站! 更新: 资源发布
  • 您的位置:首页 > 技术文档 > CSS/HTML > 通过CSSHack区分FF/IE7/IE6/IE5.5/IE5代码推荐
  • 收藏本页
      通过CSSHack区分FF/IE7/IE6/IE5.5/IE5代码推荐
      发布时间:2016-10-25 10:05:01 关键词: 通过CSS,Hack,区分,FF/IE7/IE6/IE5.5/IE5,代码推荐
      内容简介:通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
    <title>通过CSS Hack 区分 FX/IE7/IE6/IE5.5/IE5</title> 
    <style type="text/css"> 
    <!-- 
    
    #fx { 
     display: none; 
     border: 3px double #999; 
     width:300px; 
     height:200px; 
     padding:10px; 
    } 
    #ie6{ 
     display:none !important; 
     display:none;/*ie5*/ 
     font-size:54px; 
     border:10px solid #CCC; 
     padding:100px; 
    } 
    #ie6/**/{ 
     display:block; 
     display /*ie5.5*/:none; 
    } 
    #ie7 { 
     display:block !important; 
     display:none;/*ie5 & ie6*/ 
     background-color:#69f; 
     border:1px dashed #63c; 
     padding:50px; 
     width:200px; 
     height:150px; 
    
    } 
    *:lang(zh) #ie7{ 
     display:none !important; 
    } 
    *:lang(zh) #fx{ 
     display:block !important; 
    } 
    
    --> 
    
    #example{color:red ;} 
    * html #example{color:blue;} 
    *+html #example{color:green;} 
    </style> 
    </head> 
    
    <body lang="zh"> 
    <div id="fx">这是在 FireFox 或者 Opera 下面的效果</div> 
    <div id="ie6">这是在 IE 6 下面的效果</div> 
    <div id="ie7">这是在 IE 7 下面的效果</div> 
    
    <div>以下为简单区分FF/IE6/IE7示例</div> 
    <div id="example">这行文字在FF下应为红色,在IE6下应为蓝色,在IE7下应为绿色。</div> 
    </body> 
    </html>
    

      最新更新
      热门排行榜