css - ie11 broken background image on rounded corners -


jsfiddle example: http://jsfiddle.net/q5ajl/ screenshot jsfiddle in ie11, dev mode off: enter image description here

screen shot actual site: enter image description here

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.

enter image description here

i don't understand going on. , above, turn on developer mode issue disappears. occurs there rounded corner involved.


Comments

Popular posts from this blog

PHPMotion implementation - URL based videos (Hosted on separate location) -

c# - Unity IoC Lifetime per HttpRequest for UserStore -

I am trying to solve the error message 'incompatible ranks 0 and 1 in assignment' in a fortran 95 program. -