背景漸變不工作在鉻（工作在Firefox）

我想在瀏覽器中有線性背景漸變。它在FF中工作，但在Chrome中不起作用。我的CSS看起來如下：背景漸變不工作在鉻（工作在Firefox）

/* works in FF */ 

    background: -moz-linear-gradient(center top , rgb(40, 40, 40) 0px, rgb(10, 10, 10) 100%) repeat scroll 0% 0% transparent; 


    /* Not working in chrome */ 
    background: -webkit-linear-gradient(center top , rgb(40, 40, 40) 0px, rgb(10, 10, 10) 100%) repeat scroll 0% 0% transparent;

什麼是錯？

來源

2013-10-02 GJain

注：在未來使用[終極CSS漸變生成器（HTTP： //www.colorzilla.com/gradient-editor/），它會晃動。從生成器中，[您的代碼在鉻中工作的示例]（http://jsfiddle.net/WL9wL/）。 – Vucko

非常感謝....我會盡快答覆並接受。 – GJain

從我的評論，在未來使用Ultimate CSS Gradient Generator。

您也可以上傳自己的CSS生成瀏覽器的兼容性風格。

從你CSS：

background: -moz-linear-gradient(center top , rgb(40, 40, 40) 0px, rgb(10, 10, 10) 100%) repeat scroll 0% 0% transparent;

的發生器輸出：

background: #282828; /* Old browsers */ 
background: -moz-linear-gradient(left, #282828 0px, #0a0a0a 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right top, color-stop(0px,#282828), color-stop(100%,#0a0a0a)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(left, #282828 0px,#0a0a0a 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(left, #282828 0px,#0a0a0a 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(left, #282828 0px,#0a0a0a 100%); /* IE10+ */ 
background: linear-gradient(to right, #282828 0px,#0a0a0a 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#282828', endColorstr='#0a0a0a',GradientType=1); /* IE6-9 */

JSFiddle

來源

2013-10-02 10:38:49 Vucko

背景漸變不工作在鉻（工作在Firefox）

回答

相關問題