-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 回答