Question

I’m using a div who has a border-radius , inside the div is an image who has opacity and on Firefox that is working great but in Chrome border-radius is not working.
See the example

Is there a fix for that problem in Chrome ?

Update:
I diden’t say that I’m using this metod to center the image inside the div so I cant use border-radius on image it must be used on div

Answer 1

change this

.thumb img{
opacity:0.7;
filter:alpha(opacity=70);
border-radius: 7px;    /*this8*/

}

this works , even with opacity

see Here