我使用下面的代码来获得标题标签的光泽外观。它适用于FF,Chrome和IE10。但是当加载IE的较低版本时,如IE7,8,9。有光泽的表面会丢失。任何身体都能帮助我在标题上看到光泽吗?请参考下图,了解外观和正常外观。
有光泽的标题
正常标题
.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);
}
答案 0 :(得分:1)
请参阅此页面上的“备注”和“资源”:http://caniuse.com/#feat=css-gradients。较旧的IE不支持css3渐变,但如果它对你很重要,那么有一些解决方法。我个人认为IE浏览器的外观很“光滑”。
http://css3pie.com/是在IE中模拟支持的一种选择。