グラデーションの背景には、-webkit-勾配

挨拶すべてとChromeで動作していません。 Windows 7のChrome 8.0.552.224では動作していませんが、最近Chrome OS Xで動作していると誓っています。月曜日なので何かが分からないのですが、もしそうなら、私はそれを理解できません。私はあなたの見ていただきありがとうございます。ここでのサンプルコードは、Firefoxで動作しますが、Chromeで勾配を表示しません：グラデーションの背景には、-webkit-勾配

おかげで、 -Northk

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Gradient test </title> 
    <style> 
     .main-header 
     { 
      padding-top: 50px; 
      min-height: 50px; 
      background: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#fff), to(#000)); 
      background: -moz-linear-gradient(top, #fff, #000); 
      border: 1px solid #000; 
     } 
    </style> 
</head> 
<body> 
    <div class="main-header"> 
     THIS WORKS ON FIREFOX BUT DOESN'T WORK ON CHROME-WINDOWS 7! 
    </div> 
</body> 
</html>

出典

2010-12-20 North Krimsly

私はちょうど構文が間違っていましたようです。ここではそれがあるべき方法は次のとおりです。スタイルを解析するとき

background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#000));

出典

2010-12-21 03:31:20

を試してみてください私は '（線形、底が、（#CCCCCC）から、）#EEEEEE（に、175pxを左）' -webkit-勾配と同様の問題がありました。あなたのポストのおかげで修正されました – MonoThreaded

はクローム16.0.912.75mで注意してまだ小さいCSSのバグ/問題があります：

background:-webkit-linear-gradient (top,gray 0,#A0A0A0 100%);

これが原因の間のスペースで、動作しません - webkit-linear-gradientおよび開始ブラケットを使用します。余分なスペースを削除することで、CSSを縮小するだけでなく、問題を解決できます。

出典

2012-01-21 18:14:12 OSP

この

background: -webkit-linear-gradient(#DDDDDD, #ffffff);

出典

2013-07-10 04:59:12 Arthas

私のための高尚なwoks – TodStoychev

グラデーションの背景には、-webkit-勾配

答えて

関連する問題