Css div上的边框半径和内部图像的不透明度在Chrome中无法正常工作
我正在使用一个有边框半径的div,在div内部是一个不透明的图像,在Firefox上运行良好,但在Chrome中边框半径不起作用。 见 Chrome有没有解决这个问题的方法 更新: 我没有说我在div内使用图像居中,所以我不能在图像上使用边界半径,它必须在div上使用更改此设置Css div上的边框半径和内部图像的不透明度在Chrome中无法正常工作,css,google-chrome,Css,Google Chrome,我正在使用一个有边框半径的div,在div内部是一个不透明的图像,在Firefox上运行良好,但在Chrome中边框半径不起作用。 见 Chrome有没有解决这个问题的方法 更新: 我没有说我在div内使用图像居中,所以我不能在图像上使用边界半径,它必须在div上使用更改此设置 .thumb img{ opacity:0.7; filter:alpha(opacity=70); border-radius: 7px; /*this8*/ } 即使在不透明度的情况下,也可以这样做 请参见
.thumb img{
opacity:0.7;
filter:alpha(opacity=70);
border-radius: 7px; /*this8*/
}
即使在不透明度的情况下,也可以这样做
请参见如果将不透明度应用于
.thumb
并将边框半径应用于img
,则其有效:
这意味着您可以在需要时为图像使用包装hmmm,看起来不透明度有干扰。移除它,半径就可以了。我没有说我用这个方法来将图像居中放置在div中,所以我不能在图像上使用边界半径,它必须在div中使用