`

Div+Css Csshack IE,FF 写法

 
阅读更多 
<!DOCTYPE html>  
<html>  
<head>  
    <title>Css Hack</title>  
    <style>  
    #test   
    {   
        width:300px;   
        height:300px;   
          
        background-color:blue;      /*firefox*/
        background-color:red\9;      /*all ie*/
        background-color:yellow\0;    /*ie8*/
        +background-color:pink;        /*ie7*/
        _background-color:orange;       /*ie6*/
    }  
    :root #test { background-color:purple\9; }  /*ie9*/
    @media all and (min-width:0px){ #test {background-color:black\0;} }  /*opera*/
    @media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }  /*chrome and safari and maxthon3*/
    </style>  
</head>  
<body>  
    <div id="test">test</div>  
</body>  
</html>

 

   注： 以上的顺序不可变换

分享到：
| Java HttpGetServer HTTP 服务器
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    全面兼容ie6,ie7,ie8,ff的CSS HACK写法

    这种CSS HACK的写法确保了在IE6、IE7、IE8以及Firefox浏览器中都有特定的表现，实现了全面兼容。 需要注意的是，在CSS中使用HACK虽然可以解决一时的兼容性问题，但这种方法有时会降低代码的可读性和可维护性，同时...

    css兼容IE6、IE7、FF的技巧

    ### CSS兼容IE6、IE7、FF的技巧详解 #### 一、CSS Hack技术 **CSS Hack**是一种针对不同浏览器的特性和版本差异编写特定样式的技术。它可以帮助开发者解决跨浏览器兼容性问题。 ##### 1. 通用Hack方法 对于**IE6...

    网站开发技巧-个人三年遇到的一些CSS经典问题及解决方法

    兼容IE6E7IE8FF的CSS HACK写法.doc和css hack 区分ie6.0 ie7.0 firesox的各种写法.doc中介绍了如何通过特定的语法结构来实现对不同浏览器的针对性优化。 3. **PNG透明度问题**：IE6对PNG-24格式的透明处理不足，...

    css兼容性详解

    - **FF 下 padding 导致宽高增加**：Firefox 中给`div`设置`padding`可能会导致其宽度和高度增加，而在IE中则不会。可以通过`!important`解决此问题。 - **居中问题** - **垂直居中**：设置`line-height`与`div`...

    最新web面试题css浏览器的兼容性问题.docx

    - CSS Hack是为了应对不同浏览器的解析差异而采用的一些特殊写法。例如，`height:100px;`是通用的，`_height:100px;`仅适用于IE6，`*+height:100px;`仅适用于IE7，`*height:100px;`适用于IE6和IE7，`height:100px!...

    css实现的对联广告代码

    本文章讨论的是使用纯CSS代码来实现网页中的对联广告，它强调兼容性，能够适应包括旧版的IE、Firefox（ff）以及Chrome（gg）在内的所有主流浏览器。这里的对联广告代码是通过CSS来定位和样式设置的，并且还提供了...

    新版网页设计师面试题

    3．写出你会用的兼容个中不同浏览器的 hack css 代码，如 IE7 FF：这道题目考察了设计师对 CSS 和浏览器兼容的知识和熟练程度。 4．说出你所知道的 web 标准方面的知识：这道题目考察了设计师对 web 标准的知识和...

Magicbox
Global site tag (gtag.js) - Google Analytics