css hack

最新推荐文章于 2025-06-29 09:08:52 发布

github_turboemily

最新推荐文章于 2025-06-29 09:08:52 发布

阅读量237

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： hack css

本文链接：https://blog.youkuaiyun.com/github_35549695/article/details/52597633

css 专栏收录该内容

7 篇文章

订阅专栏

常用的CSS hack方式
（1）方式一 条件注释法
只在IE下生效
<!--[if IE]>
这段文字只在IE浏览器显示
<![endif]-->
（2）方式二 类内属性前缀法
属性前缀法是在CSS样式属性名前加上一些只有特定浏览器才能识别的hack前缀，以达到预期的页面展现效果。
“-″减号是IE6专有的hack
“\9″ IE6/IE7/IE8/IE9/IE10都生效
“\0″ IE8/IE9/IE10都生效，是IE8/9/10的hack
“\9\0″ 只对IE9/IE10生效，是IE9/10的hack
CSS hack方式三：选择器前缀法
选择器前缀法是针对一些页面表现不一致或者需要特殊对待的浏览器，在CSS选择器前加上一些只有某些特定浏览器才能识别的前缀进行hack。
方式二 类内属性前缀法的示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *> p{
            color: pink; //chrome
        }
        :root p{
            color:yellow\9;//IE9
        }
        p{
           color:blue\0;//IE8
        }


        P{
            *color:red; //IE7
        }

        p{
            _color:green; //IE6
        }

    </style>
</head>
<body>

<p>hello,everyone！i am turboemily,great to greet you!</p>

</body>
</html>