div上的border-radius和Chrome上的图像内部不透明度

时间:2012-10-11 21:35:06

标签: css google-chrome

我正在使用一个具有border-radius的div,div内部是一个具有不透明度的图像,并且在Firefox上运行良好,但在Chrome中,border-radius无效。 请参阅example

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

更新: 我不是说我正在使用this metod将图像置于div中心,所以我不能在图像上使用border-radius它必须在div上使用

2 个答案:

答案 0 :(得分:2)

更改此

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

}

即使使用不透明度

,也可以

请参阅Here

答案 1 :(得分:0)

如果您将不透明度应用于.thumb和border-radius到img,则可以正常工作:

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

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