Question

我有一个Firefox样式表和一个网站的chrome / safari样式表。现在问题是IE没有拿起那些样式（因为它们不是典型的一般样式）。我想知道是否有一种简单的方法来更改每个属性，以便能够使用IE。我可以为IE更改一些样式/属性，但我不知道其中一些IE的等价物。以下是Firefox样式表中使用的Firefox样式的示例：

#topbar.black {/* Converted 1 gradient*/
background: -moz-linear-gradient(-90deg, #858585 0%, #636363 3%, #202020 50%, black    
51%, black 97%, #262626 100%);

}
#topbar.transparent {/* Converted 1 gradient*/
background: -moz-linear-gradient(-90deg, rgba(133,133,133,0.7) 0%,   
rgba(99,99,99,0.7) 3%, rgba(32,32,32,0.7) 50%, rgba(0,0,0,0.7) 51%, rgba(0,0,0,0.7) 
97%, rgba(38,38,38,0.7) 100%);

}
#topbar {/* Converted 1 gradient*/
background: -moz-linear-gradient(-90deg, #cdd5df 0%, #b0bccd 3%, #889bb3 50%,  
#8195af 51%, #6d84a2 97%, #2d3642 100%);

}
.pageitem {/* Converted 1 border radius*/
-moz-border-radius: 8px;
}
#tributton, #duobutton {/* Converted 1 gradient*/
background: -moz-linear-gradient(-90deg, #cdd4d9 0%, #c0c9cf 3%, #abb7bf 97%,    
#81929f 100%);

}

Answer 1

对于IE 9+，您可以使用.pageitem {border-radius: 8px}，因为它是CSS3标准。

对于渐变，您可以将此CSS黑客用于IE：#topbar {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdd5df', endColorstr='#b0bccd');}

Internet Explorer渐变过滤器不支持颜色停止，渐变角度和径向渐变。这意味着您只能使用2种颜色指定水平或垂直线性渐变：StartColorStr和EndColorStr。有关详细信息，请参阅here。

为IE自定义Firefox / Chrome样式表

1 个答案: