不同浏览器的样式兼容
2017-02-21 23:06
239 查看
.main_ul li:hover
{
background: #666;/*标准浏览器*/
background: purple\0;/*IE8、IE9,opera*/
*background: #6d6d6d;/*IE7及IE6*/
_background:#f8f8f8;/*IE6专属*/
}
/*IE9专属*/
:root .main_ul li:hover
{
background: #fdfdfd\9;
}
/*谷歌专属*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.main_ul li:hover
{
background: red;
}
}
/*火狐专属*/
@-moz-document url-prefix()
{
.main_ul li:hover
{
background:yellow;
}
}
/*opera专属*/
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0)
{
.main_ul li:hover
{
background: green;
}
}
{
background: #666;/*标准浏览器*/
background: purple\0;/*IE8、IE9,opera*/
*background: #6d6d6d;/*IE7及IE6*/
_background:#f8f8f8;/*IE6专属*/
}
/*IE9专属*/
:root .main_ul li:hover
{
background: #fdfdfd\9;
}
/*谷歌专属*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.main_ul li:hover
{
background: red;
}
}
/*火狐专属*/
@-moz-document url-prefix()
{
.main_ul li:hover
{
background:yellow;
}
}
/*opera专属*/
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0)
{
.main_ul li:hover
{
background: green;
}
}
相关文章推荐
- input、select、textarea兼容不同浏览器样式统一
- 为什么要初始化 CSS 样式 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。 当然,初始化样式会对 SEO 有一定的影响,但鱼
- 兼容各种浏览器的常用按钮样式
- 12个需要注意的规范样式写法解决浏览器兼容问题
- 黑马程序员之HTML学习笔记:有关css和js针对不同浏览器兼容的问题
- 对于兼容不同浏览器的看看 CSS Hack的 写法
- 不同浏览器兼容
- Css hack总结及其最佳用法,告诉你怎么运用hack,无懈可击的解决各个浏览器的样式兼容
- 解决jsp页面浏览器不兼容,样式变样问题
- 流行浏览器内核分类及不同版本的样式区别
- 浏览器兼容之旅的第一站:如何创建条件样式
- css关于margin在不同浏览器下的兼容
- js获取指定节点对象的样式属性的值的封装函数(兼容ie、Opera和符合w3c标准浏览器)
- fixed定位,兼容不同系列不同版本的浏览器(IE6.0)
- 浏览器兼容,样式居中问题
- 兼容不同浏览器的音频文件(mp3)播放实现
- 兼容所有的浏览器表格细边框相间颜色样式
- css:fixed定位兼容不同系列不同版本的浏览器包括IE6.0
- CSS —— 兼容各个浏览器的select的样式
- css3在不同型号手机浏览器上的兼容一览表