當它涉及到我們有很多的選項可供選擇梯度: 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,那麼我們都知道它在瀏覽器中的支持。 一個很好的建議,將不勝感激。