一段Css代码不支持IE11疑问,但支持IE7,8,9,10和谷歌!唯独不支持IE11!

html-css020

一段Css代码不支持IE11疑问,但支持IE7,8,9,10和谷歌!唯独不支持IE11!,第1张

怎么说你呢?IE9以上都支持CSS3了,你谷歌、苹果、火狐都加了,为何不给IE11加一个呢?

代码:background: -ms-linear-gradient(top,#46a0e1,#3280bf)已经过IE11浏览器测试通过,建议background:linear-gradient(top,#46a0e1,#3280bf)放在最后,注意优先顺序:

.ui_title{ height:26pxline-height:26pxfont-size:14pxfont-weight:boldcolor:#DDDpadding-left:7pxborder-bottom:1px solid #6da6e1

background:-webkit-gradient(linear,0% 0%, 0% 100%,from(#46a0e1),to(#3280bf)) 

background:-moz-linear-gradient(top,#46a0e1,#3280bf) 

background:-o-linear-gradient(top,#46a0e1,#3280bf)

background:-ms-linear-gradient(top,#46a0e1,#3280bf)

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#46a0e1',endColorstr='#3280bf')*background:#DDD }

background:linear-gradient(top,#46a0e1,#3280bf)

我们可以用IE私有的条件编译(conditional compilation)结合条件注释来提供针对ie10的Hack:该脚本里面的IE排除条件注释,以确保IE6-9不承认它,然后它功能检测到了名为@ cc_on。

<!--[if !IE]><!--><script>

if ( /*@cc_on!@*/ false ) {

document . documentElement . className + = ' ie10'

}

</script><!--<![endif]-->

请注意/*@cc_on ! @*/中间的这个感叹号。

这样就可以在ie10中给html元素添加一个class=”ie10″,然后针对ie10的样式可以卸载这个这个选择器下:

.ie10 .example {

/* IE10-only styles go here */

}

您好,感谢您对火狐的支持

CSS 多浏览器兼容性问题及解决方案,您可以参考:http://www.jb51.net/css/23232.html

您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。