涉及到CSS的Mozila和IE

Question

問題我有以下的CSS：

.tabStyle 
     { 
      background: -moz-linear-gradient(#EEEEEE, #E4E4E4) repeat scroll 0 0 transparent; 
     } 

這一工程在Mozila火狐狸很大，但在IE和谷歌Chrome不到風度的工作。

我如何在IE和Chrome中實現它>？

Answer 1

下面是每個瀏覽器的完整的CSS支持它：

background: -moz-linear-gradient(top, #eeeeee 0%, #e4e4e4 100%); /* FF3.6+ */ 
background: -webkit-linear-gradient(top, #eeeeee 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #eeeeee 0%,#e4e4e4 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, #eeeeee 0%,#e4e4e4 100%); /* IE10+ */ 
background: linear-gradient(top, #eeeeee 0%,#e4e4e4 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#e4e4e4',GradientType=0); /* IE6-9 */ 

Answer 2

只是註釋掉，樣式-moz前綴將只在Mozilla。在chrome中，爲了製作一些花哨的東西，有-webkit前綴樣式。對於造型，你必須使用類似filter:progid...或progid:DXImageTransform.Microsoft.Alpha(sProperties)。我強烈建議你不要使用上面的技術，但使用標準的CSS來實現你的目標。

例如，如果要製作漸變背景，可以使用1x40的尺寸（即1px寬度和40個像素的漸變）保存漸變。然後申請如下

.myGradientClass { 
    background: url(../images/myGradient.png) repeat-x; 
    height:40px; 
    width:100%; 
} 

<div class="myGradientClass"></div>