2012-04-26 40 views
0

當它涉及到我們有很多的選項可供選擇梯度: 1- CSS3 2- SVG 3-圖片 可能有更多的選擇,但這些是最常見的。如果漸變是線性漸變,那麼它會在IE舊版本中優雅地降級,但這裏我所說的是使用css3製作的徑向漸變。 這裏是它的CSS:用於現場演示CSS3徑向漸變爲替代IE舊版本

background: #7d7e7d; 
background: -moz-radial-gradient(center, ellipse cover, #7d7e7d 0%, #0e0e0e 100%); 
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); 
background: -webkit-radial-gradient(center, ellipse cover, #7d7e7d 0%,#0e0e0e 100%); 
background: -o-radial-gradient(center, ellipse cover, #7d7e7d 0%,#0e0e0e 100%); 
background: -ms-radial-gradient(center, ellipse cover, #7d7e7d 0%,#0e0e0e 100%); 
background: radial-gradient(center, ellipse cover, #7d7e7d 0%,#0e0e0e 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1); 

你可以看到這個頁面http://bloghutsbeta.blogspot.com/

現在我要求針對此問題的解決方案,如果你看到在IE演示頁,那麼你可以看到徑向漸變顯示的方式不好。如果我使用的圖像尺寸太大,我無法承受大於5KB的圖像。如果我使用SVG,那麼我們都知道它在瀏覽器中的支持。 一個很好的建議,將不勝感激。

回答

0

我會推薦使用圖片,因爲我沒有看到其他選項可用。