文档章节

CSS 更直接有效的hack 写法

成功需要积累
 成功需要积累
发布于 2017/05/03 14:34
字数 175
阅读 8
收藏 0

之前在用的css hack(这里主要针对ie,用color举例)

div{

    *color:red;    /* IE6    IE7 */

    color:red\0;     /* IE6    IE7    IE8    IE9    IE10 */

    color:red\0;     /* IE8    IE9    IE10 */

    _color:red;    /* IE6 */

}

但是IE9 支持部分css3 比如圆角,IE8以下的hack就不是很好用,所以就用了下面的方式

*html *前缀只对IE6生效
*+html *+前缀只对IE7生效
@media screen\9{...}只对IE6/7生效
@media \0screen {body { background: red; }}只对IE8有效
@media \0screen\,screen\9{body { background: blue; }}只对IE6/7/8有效
@media screen\0 {body { background: green; }} 只对IE8/9/10有效
@media screen and (min-width:0\0) {body { background: gray; }} 只对IE9/10有效
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {body { background: orange; }} 只对IE10有效

© 著作权归作者所有

共有 人打赏支持
成功需要积累
粉丝 2
博文 33
码字总数 8589
作品 0
乌鲁木齐
前端工程师
CSS hack大全之特殊符号的应用

由于各大浏览器尤其IE浏览器对web标准支持情况不一,导致标准的网页在各个浏览器中的表现不一,因此,解决各浏览器兼容性问题成为了前端工程师最重要的工作之一,而所谓的hack技术则是前端开...

五月兰
2012/08/09
0
0
各种浏览器CSS Hack的原理是什么?

CSS Hack的原理是什么 由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。 CSS Hack大致有3种表现形式,CSS类...

webas
2013/04/20
0
1
煮酒论英雄-CSS HACK 你不知道的那些事儿!

很多朋友搞不清楚CSS中有哪些HACK,怎么使用,我翻译+整理了一下贴在这里。这篇文章是关于CSS的hacking技术。不要和微软专有 的CSS属性“滤镜”混淆。 在 理想世界里,正确的CSS应该在任何支...

做h5的小韩
2016/07/12
6
0
史上最全的css hack(ie6-9,firefox,chrome,opera,safari)

在这个浏览器百花争鸣的时代,作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心,主要体现在javascript和css上面。javascript我这次就不谈了,先说说css。 为了适应不同浏...

HilerChen
2012/01/15
0
0
全面兼容IE6/IE7/IE8/FF的CSS HACK写法

CSS hack由于不同的浏览器,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不...

^6^|^6^
2011/12/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Ubuntu18.04下载安装Google图解法

首先Ctrl + Alt + T打开终端,或者可以在在搜索框搜索终端。 (1)sudo wget http://www.linuxidc.com/files/repo/google-chrome.list -P /etc/apt/sources.list.d/ ,(将下载源加入到系统的...

AI_SKI
15分钟前
0
0
spring could采坑 eureka开启验证后无法连接注册中心

com.netflix.discovery.shared.transport.TransportException: Cannot execute request on any known server at com.netflix.discovery.shared.transport.decorator.RetryableEurekaHttpClie......

君千殇520
15分钟前
1
0
支付宝小程序下单支付接口:40004 ACQ.INVALID_PARAMETER

下面是支付宝下单接口 https://docs.open.alipay.com/api_1/alipay.trade.create/ 如果按官方文档的说明,并没有解释清楚buyer_id什么时候要传,只是说:特殊可选,啥叫特殊可选?!在调小程...

swingcoder
24分钟前
1
0
【Java】广州三本秋招经历

前言 只有光头才能变强 离上次发文章已经快两个月时间了,最近一直忙着秋招的事。今天是2018年10月22日,对于互联网行业来说,秋招就基本结束了。我这边的流程也走完了(不再笔试/面试了),所...

Java3y
26分钟前
2
0
在idea中启动多个SpringBoot项目

https://blog.csdn.net/forezp/article/details/76408139

灯下草虫鸣_
27分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部