2013-08-28 115 views
0

HTML5弄亂梯度

我的CSS代碼如下:

body { 
background: #3c99d4; 
background: -moz-radial-gradient(center, ellipse cover, #81e8f9 0%, #0358b5 100%); 
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#81e8f9), color-stop(100%,#0358b5)); 
background: -webkit-radial-gradient(center, ellipse cover, #81e8f9 0%,#0358b5 100%); 
background: -o-radial-gradient(center, ellipse cover, #81e8f9 0%,#0358b5 100%); 
background: -ms-radial-gradient(center, ellipse cover, #81e8f9 0%,#0358b5 100%); 
background: radial-gradient(ellipse at center, #81e8f9 0%,#0358b5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81e8f9', endColorstr='#0358b5',GradientType=1);} 
+1

這是否發生在所有瀏覽器或只是一個特定的? –

+0

把你在http://jsfiddle.net/ – mawburn

+0

上看到的東西發生在所有瀏覽器中。 – user1685565

回答

2

嘗試增加高度,以兩個<html><body>元素,如果你想的梯度以填充視口:

html, body { 
    height: 100%; 
} 

例子: http://jsfiddle.net/xZKPJ/3/

+0

工作。我有點尷尬,這很容易。 :我非常感謝! – user1685565