RGBA - обходной путь для IE - «DXImageTransform.Microsoft.gradient». удобный инструмент , предоставляемый www.css3please.com для кросс-браузерной прозрачности, но применяющий этот градиент к IE (IE8) - - работает, но текст теряет четкость / разборчивость.
применение 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, не знаю почему ..
Пожалуйста, помогите,
Заранее спасибо