博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
WEB前端 -- CSS Hack简单记录
阅读量:3675 次
发布时间:2019-05-21

本文共 602 字,大约阅读时间需要 2 分钟。

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>

转载地址:http://nxrbn.baihongyu.com/

你可能感兴趣的文章
json介绍
查看>>
借助bufio实现按行读取内容
查看>>
runtime.Gosched的使用
查看>>
无缓冲channel
查看>>
有缓冲channel
查看>>
Ticker的使用
查看>>
通过select实现斐波那契数列
查看>>
通过select实现斐波那契数列(画图)
查看>>
定时器停止
查看>>
分层模型介绍
查看>>
http协议和url介绍
查看>>
请求包和应答包简单介绍
查看>>
统计同成绩的学生人数
查看>>
最小年龄的3个职工
查看>>
Spring Data JPA介绍与Spring的整合
查看>>
Spring Data JPA 自定义Repository接口与子接口
查看>>
Java 对上传文件进行魔数校验
查看>>
RabbitMQ入门高级特性
查看>>
同步、异步与阻塞、非阻塞的理解
查看>>
Java NIO核心三大组件Channel、Buffer和Selector(一)
查看>>