2013-10-10 44 views
0

我正在使用下面的代碼來獲得標題標籤的光澤外觀。它在FF,Chrome和IE10中工作正常。但是當加載在IE7,8,9等低版本的IE中。光澤完成丟失。任何機構都可以幫助我在標題上看起來有光澤的外觀?請參考下面的圖片,看看有光澤的外觀和正常的外觀。如何在IE7,8,9中使用CSS製作標頭光澤

光澤頭 Glossy Header

普通頭 Normal Header

.docTitle 
{ 
    font-weight: bold; 
    width: 99.3%; 

     font: bold 12px/100% Arial,Verdana,helvetica; 
    padding: 8px 5px; 
    text-decoration: none; 
    color: rgb(255, 255, 255); 
    text-shadow: 0 -1px 0 rgba(0,0,0,.9); 
    background: #255182; 
    background: -webkit-linear-gradient(top, #2f4f88, #385993 49%, #21427d 50%, #255182); 
    background: -moz-linear-gradient(top, #2f4f88, #385993 49%, #21427d 50%, #255182); 
    background: -ms-linear-gradient(top, #2f4f88, #385993 49%, #21427d 50%, #255182); 
    background: -o-linear-gradient(top, #2f4f88, #385993 49%, #21427d 50%, #255182); 
    background: linear-gradient(to bottom, #2f4f88, #385993 49%, #21427d 50%, #255182); 
} 

回答

1

看到這個頁面上的 「注意事項」 和 「資源」:http://caniuse.com/#feat=css-gradients。較早的IE不支持css3漸變,但如果它對您來說足夠重要,則有解決方法。我個人會在IE中使用「非光面」的外觀。

http://css3pie.com/是在IE中模擬支持的一種選擇。

+0

非常感謝這是非常有幫助的 –