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 : CSS : Is there any way to behave IE? :) Thank you! You have a fallback
& lt; Div id = "centerArt" & gt; Hello, visitor! & Lt; / Div & gt;
#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;}
background-clip: text is not supported in IE, the valid property value Only
border-box ,
padding-box and
content-box :
@supports (-webkit-background-clip: text) .
No comments:
Post a Comment