Thursday, 15 January 2015

html - IE not rendering CSS text correctly - background-clip -


My problem is in relation to IE and how it is cutting the text of my background.

Normally (Chrome / FF / etc) My code gives this:

However in IE it renders in such a way:

My code is as follows:

HTML :

  & lt; Div id = "centerArt" & gt; Hello, visitor! & Lt; / Div & gt;   

CSS :

  #centerArt {font-family: "ariel", ariel, non-serif; font-weight: bold; Font-size: 100px; Line-height: 150px; Background color: # 565656; Color: Transparent; Text-shadow: 0 pixels 2px 3px RGBA (255,255,255,0.3); -Vibit-background-clip: text; -Move-background-clip: text; Background-clip: text;}   

Is there any way to behave IE? :)

Thank you!

background-clip: text is not supported in IE, the valid property value Only border-box , padding-box and content-box :

You have a fallback @supports (-webkit-background-clip: text) .

No comments:

Post a Comment