温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

css的hack如何使用

发布时间:2022-02-23 17:13:18 来源:亿速云 阅读:155 作者:iii 栏目:开发技术

这篇“css的hack如何使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“css的hack如何使用”文章吧。

首先我们要知道什么是 HACK ?,简单的来说就是只有在特定的浏览器中才可以使用的一段代码;一般来说有以下三种形式:

1.属性前缀法(css 类内部 Hack)

当我们在不同的浏览器中使用会有不同的代码如:在 IE6 中能识别“_”“*”这两个符号,在 IE7 中的话智能识别“*”这个符号,在 IE6-IE10 中都认识“\9这个符号,但是在 firefox 对我们说到的三个都不认识不会进行操作。(相关代码例子可以在 css hack合集 中查看)


2.选择器前缀法(选择器 Hack)

对于这个方法的语法是这样的:<hack>select{sRules}

在IE6中代码例子代码如下:

*html .test21 { color: gold; }

在IE7中代码例子代码如下:

*+html .test22 { color: blue; }

在IE6或者IE7中生效例子代码如下:

@media screen\9 {   </p><p>  .test23 { color: purple; }  </p><p>}

在IE6、IE7 、IE8中生效例子代码如下:

@media \0screen\,screen\9 {   </p><p>  .test24 { color: gold; }  </p><p>}

在IE8中生效例子代码如下:

@media \0screen {    .test25 { color: orange; }  }

在IE8、IE9、IE10、IE11中生效例子代码如下:

@media screen\0 {   .test26 { color: green; }  }

在IE9、IE10、IE11中生效例子代码如下:

@media screen and (min-width: 0\0) {   .test27 { color: red; }  }

3.IE条件注释法(Html 头部 引用 Hack)

这个方式是针对所有 IE (在 IE10 以上已经不在支持了) 在 Html 头部引用就比较特殊,类似程序的语句,只能在 HTML 文件里面使用,不能在 css 文件中使用,只有在 IE 浏览器中才可以使用 ,在其他的浏览器中会被作为注释不执行代码如下:

<link rel="stylesheet" type="text/css" href="css.css" />
<!–[if IE 7]>
<!– 如果IE浏览器版是7,调用ie7.css样式表 –>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]–>
<!–[if lte IE 6]>
<!– 如果IE浏览器版本小于等于6,调用ie.css样式表 –>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]–>

以上就是关于“css的hack如何使用”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

向AI问一下细节
推荐阅读:
  1. IE css hack
  2. 什么是CSS hack

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI