css - ie11 broken background image on rounded corners -
jsfiddle example: http://jsfiddle.net/q5ajl/ screenshot jsfiddle in ie11, dev mode off:
screen shot actual site:
has seen before? in ie11 of borders have strange broken affect.
it seems semi transparent image breaking around rounded corners. how on earth can fix this? sigh.. ie.. pain in side of web design life.
.small-card{ border-radius: 5px; display: inline-block; width: 100%; max-width: 400px; margin-bottom: 25px; } .trans{ background-image: url(/png/transparent/white/40_percent.png); background-repeat: repeat; border: solid 1px #fff; }
this ie11. when turn on devloper mode issue vanishes! confusing.
i don't understand going on. , above, turn on developer mode issue disappears. occurs there rounded corner involved.
Comments
Post a Comment