css hack

最新推荐文章于 2024-07-22 19:28:00 发布

github_turboemily

最新推荐文章于 2024-07-22 19:28:00 发布

阅读量195

点赞数

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

本文链接：https://blog.csdn.net/github_35549695/article/details/52597633

版权

css 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

常用的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>

github_turboemily

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css hack

常用的CSS hack方式（1）方式一条件注释法只在IE下生效这段文字只在IE浏览器显示（2）方式二类内属性前缀法属性前缀法是在CSS样式属性名前加上一些只有特定浏览器才能识别的hack前缀，以达到预期的页面展现效果。“-″减号是IE6专有的hack“\9″ IE6/IE7/IE8/IE9/IE10都生效“\0″ IE8/IE9/IE10都生效，是IE8/9/10的hack“\9\0″ 只对I
复制链接

扫一扫

专栏目录