Question

我CSS的{{1}}用户无法使用IE浏览器。在Chrome和Firefox中它工作正常，但在IE中它不适用于单一样式。如果您有任何解决方案，请告诉我。

Answer 1

是的，某些css在IE旧版本中不起作用。因此，您需要使用--webkit来支持IE浏览器中的css

例如。

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5cea6+0,c9c190+40,b7ad70+100;Brown+3D */
background: #d5cea6; /* Old browsers */
background: -moz-linear-gradient(top, #d5cea6 0%, #c9c190 40%, #b7ad70 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 ); /* IE6-9 */

此处为背景渐变添加此项以支持IE

background: linear-gradient(to bottom, #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 ); /* IE6-9 */

Answer 2

兄弟......你正在使用哪个版本的IE？ IE不支持HTML 5那么多。请仔细阅读以下链接，这些可能会对您有所帮助：

header/footer/nav tags - what happens to these in IE7, IE8 and browsers than don't support HTML5?

html5 new elements (header, nav, footer, ..) not working in IE

还有这个

http://www.impressivewebs.com/html5-support-ie9/

我的css无法在IE浏览器中使用

2 个答案: