浏览器兼容性css样式写法

2019独角兽企业重金招聘Python工程师标准>>>

/* 针对Chrome谷歌浏览器内核支持的CSS样式 */
@media screen and (-webkit-min-device-pixel-ratio:0) {样式 /* 例如 .font1 { color:red; }  */
}
/* 针对火狐Firefox浏览器的内核CSS写法 */
@-moz-document url-prefix(){样式 /* 例如 .font1 { color:red; } */
}
/* 针对IE6的内核CSS写法 */
*html .head{ color:#000; }
/* 针对IE7的内核CSS写法 */
*+html .head{ color:#000; }
/* 针对火狐Firefox的内核CSS写法 */
root body .head{ color:#000; }
/* 针对火狐Firefox和IE8的内核CSS写法 */
html>/**/body .head{ color:#000; }
/* 针对非IE6的内核CSS写法，即对IE 6无效 */
html>body .head{ color:#000; }
/* 针对非火狐Firefox、IE6的内核CSS写法，即对火狐Firefox、IE8无效 */
*body .head{ color:#000; }

针对具体属性

如果只让ie6看见用_

.head{ _color:#000; }

如果只让ie7看见用+与_结合的方法:

.head{ +color:#f00;!;_color:#000; }

IE8正式版hack

\9″　例:”margin:0px auto\9;”.这里的”\9″可以区别所有IE8和FireFox.

“*”　IE6、IE7可以识别.IE8、FireFox不能.

“_”　IE6可以识别”_”,IE7、IE8、FireFox不能.

转载于:https://my.oschina.net/kangweb/blog/1635324

浏览器兼容性css样式写法相关推荐

瞧瞧UC浏览器对CSS样式的“关怀”
瞧瞧UC浏览器对CSS样式的"关怀" UC对CSS这样的"照顾"尤其8.0以下体现的是淋漓尽致! 不"支持"font-family属性,也就 ...
区别不同浏览器，CSS hack写法
区别不同浏览器,CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !impor ...
html 将盒子固定浏览器,浏览器默认css样式表 css之左盒子固定,右盒子自适应的一种实现方式...
浏览器默认css样式表在页面布局或者是列表布局中,我们经常出现一个场景:左边是固定宽度的盒子,右边自适应:div>label>Open... maoguiyou 2016年09月13日 ...
针对火狐浏览器的CSS样式，从而不会影响别的浏览器
针对火狐浏览器的CSS Hack: @-moz-document url-prefix() { .selector { attribute: value; }} 针对webkit内核及Opera浏览器 ...
IE6和其他浏览器的css样式不同
如果在html中要区别IE6和其他浏览器的样式: 在普通浏览器中添加样式: #nav{} 在IE6中可以: *html #nav{} 转载于:https://www.cnblogs.com/douqi ...
html字两边的横线_CSS，中间文字两边横线 CSS样式写法
在项目中遇到过中间文字,两边横线的布局,如下图: 两边横线我们可以使用标签的上边框或者下边框,然后对中间的文字使用 vertical-align 属性来控制. 产品清单 css.order { hei ...
浏览器滚动条css样式设置，看这一篇文章就够了！
一前言在CSS 中,如果我们在块级容器上设置了属性: overflow:scroll /* x y 方向都会*/ 或者 overflow-x:scroll /*只是x方向*/ 或者 overflo ...
IE11浏览器滚动条CSS样式
下面是我不断测试的结果,若有错误或不全,请在评论里面给出,我会立马更正:若有更好的方案,你可以留言,让大家都开开眼界...... /* 滑动条的颜色 */ scrollbar-face-color:# ...
浏览器兼容css_CSS 样式浏览器前缀兼容性写法、生效写法
给各浏览器兼容css样式是最简单的方法就是在前方加上浏览器私有前缀,便于浏览器解析并根据各个的私有前缀来进行不停的属性渲染 -moz- /* 火狐等使用Mozilla浏览器引擎的浏览器 */ -web ...
css 定位兼容性,CSS基础：定位与浏览器兼容性
position属性介绍: CSS position属性用于指定一个元素在文档中的定位方式.top,right,bottom 和 left 属性则决定了该元素的最终位置. position 属性值 ...

浏览器兼容性css样式写法

浏览器兼容性css样式写法相关推荐

最新文章

热门文章