-1

我正在使用一个具有border-radius 的div,该div 内部是一个具有不透明度的图像,并且在Firefox 上运行良好,但在Chrome 中border-radius 不起作用。看例子

Chrome 中是否有解决该问题的方法?

更新:我没有说我使用这个方法将图像居中在 div 内,所以我不能在图像上使用边框半径,它必须在 div 上使用

4

2 回答 2

2

改变这个

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

}

这有效,即使不透明

这里

于 2012-10-11T21:37:55.693 回答
0

如果您将不透明度应用于.thumb并将边框半径应用于img,则它可以工作:

http://jsfiddle.net/WHNcd/4/

这意味着您可以根据需要为图像使用包装器

于 2012-10-11T21:42:22.727 回答