如何使用CSS在IE7,8,9中使标题有光泽

时间:2013-10-10 17:17:41

标签: styles css css3

我使用下面的代码来获得标题标签的光泽外观。它适用于FF,Chrome和IE10。但是当加载IE的较低版本时,如IE7,8,9。有光泽的表面会丢失。任何身体都能帮助我在标题上看到光泽吗?请参考下图,了解外观和正常外观。

有光泽的标题 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 个答案:

答案 0 :(得分:1)

请参阅此页面上的“备注”和“资源”:http://caniuse.com/#feat=css-gradients。较旧的IE不支持css3渐变,但如果它对你很重要,那么有一些解决方法。我个人认为IE浏览器的外观很“光滑”。

http://css3pie.com/是在IE中模拟支持的一种选择。