WEB前端 -- CSS Hack简单记录

来源:互联网 发布:fp x编程软件 编辑:程序博客网 时间:2024/06/05 14:45

Hack可能用的不多,现在先简单了解一下下啦

什么时候用Hack呢?

界面、CSS什么的都是正确的版本,但是呢,不同的浏览器或者是相同的浏览器不同的版本,你会发现本来好好的界面怎么乱了呢?其实这个时候就可以考虑一下下用CSS hack了。

hack分为条件hack、属性级hack、选择符hack。下面简单介绍各种分类吧

1.条件hack

<!--[if lt IE 9]>

<srcipt src=""></script>

<![endif]-->

<!--[if lt IE 9]>

<style>

    .div1{color:#34df65;}

</style>

<![endif]-->

常见条件关键词:

gt:大于

lt:小于

格式:

<!--[if 关键词] IE 版本号>

<![endif]-->

2.属性级hack

与条件hack不同,属性级hack一般放在css中

1)在属性之前加“_”IE6及以下

<style>

    .div1{_color:#34df65;}

</style>

2)\9:IE6及以上

<style>

    .div1{

         color:#34df65\9;

    }

</style>

3)*+:作用与IE789或只有IE7(因为有可能不同的电脑能实现的效果不同,所以适应的IE版本不同)

<style>

   *+html  .div1{_color:#34df65;}

</style>

原创粉丝点击