RGBA - 解决方法是IE“DXImageTransform.Microsoft.gradient”;实测值由www.css3please.com跨浏览器透明度提供一个方便的工具,但应用这种梯度在IE浏览器(IE8) - 的作品,但文本失去其清晰度/清晰度文本呈现在IE螺合“梯度”
应用georgia
使所有浏览器的字体看起来均匀,但在我申请的梯度中的文本不正确显示这里的的jsfiddle http://jsfiddle.net/mvivekc/GJaDy
代码是 -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<html>
<style type="text/css">
.georgiaWithTransform{
font-family: Georgia;
height: 80px;
width: 800px;
font-family: "Georgia", Geneva ;
word-wrap:break-word;
background-color: rgba(150, 150, 150, 0.3); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C969696,endColorstr=#4C969696); /* IE6–IE9 */
zoom: 1;
}
.georgiaWithoutTransform{
font-family: Georgia;
margin-top: 30px;
height: 80px;
width: 800px;
font-family: "Georgia", Geneva ;
word-wrap:break-word;
background-color: rgba(150, 150, 150, 0.3); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
}
</style>
<body>
<div class="georgiaWithTransform">Georgia does not appear properly with transformation in IE 8,and i do not understand why this is happening</div>
<div class="georgiaWithoutTransform">Georgia properly without transformation in IE 8,You can notice the difference in the appearance of the text here as compared to the top part(Noticeable only in IE)</div>
</body>
</html>
不明白为什么会发生这种情况,并且非常需要解决此问题的解决方法。
下面是关于IE8的问题的屏幕截图 -
同样的情况,在小提琴以及..问题只会出现在IE浏览器,不知道为什么..
请帮帮忙, 在此先感谢
只是想补充,在FF/Chrome/safari上没有看到这个问题..只有在ie .. – 2012-02-06 07:12:26
您可能想要添加正确的示例。 (http://jsfiddle.net) – Joonas 2012-02-06 09:05:10
@lollero已经更新了代码,以便为您和其他人更好地查看我的问题,请在IE中检查小提琴以查看我的问题(应用渐变的文本渲染) - 检查小提琴在这里.. http://jsfiddle.net/mvivekc/GJaDy/ ..任何帮助表示赞赏.. – 2012-02-06 09:43:35