Моя проблема связана с IE и тем, как она отображает мой обрезанный текст.IE не отображает текст CSS правильно - background-clip
Обычно (хром/далее/и т.д.) мой код делает это:
http://i.stack.imgur.com/x9lio.png
Однако в IE он делает так:
Мой код выглядит следующим образом:
HTML:
<div id="centerArt">
Hi, Visitor!
</div>
CSS:
#centerArt{
font-family:"Arial", Arial, sans-serif;
font-weight: bold;
font-size: 100px;
line-height: 150px;
background-color: #565656;
color: transparent;
text-shadow: 0px 2px 3px rgba(255,255,255,0.3);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;}
Есть ли способ заставить IE себя вести? :)
Спасибо!
Как мы все хотим! – rikitikitik
В каких версиях IE вы пытаетесь это сделать? Пожалуйста, будьте более конкретными. Я точно знаю, что IE6-9 не поддерживает эту функцию. IE9 поддерживает только фоновый клип: border-box | прокладка | Содержание ящика. http://msdn.microsoft.com/en-us/library/ie/jj127314(v=vs.85).aspx –