It's the Opera Font Rendering Extension. Have just turned it off, and it works like a charm.
text-shadow not applying in Opera
Vra
I've added a text block to an area of my page that uses parallax scrolling. This text block has the necessary style-rule to apply a small text shadow.
Problem is, in Opera, I have to set it as !important
, or it won't do it. Instead, it sets it to:
* {
text-shadow: transparent 0px 0px 0px,
rgba(0,0,0, 0.68) 0px 0px 0px !important
}
Weird thing is that none of my code has any instruction that tells it to do that.
It works in Firefox.
Declaration
h1.mainText {
color: white;
font-weight: 100;
font-size: 46px;
line-height: 1em;
text-transform: uppercase;
text-shadow: 0 1px 3px fade(black, 40%);
margin-top: 186px;
[...]
}
Output
Oplossing
Gelisensieer onder: CC-BY-SA met toeskrywing
Nie verbonde aan StackOverflow