Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css div上的边框半径和内部图像的不透明度在Chrome中无法正常工作_Css_Google Chrome - Fatal编程技术网

Css div上的边框半径和内部图像的不透明度在Chrome中无法正常工作

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*/ } 即使在不透明度的情况下,也可以这样做 请参见

我正在使用一个有边框半径的div,在div内部是一个不透明的图像,在Firefox上运行良好,但在Chrome中边框半径不起作用。 见

Chrome有没有解决这个问题的方法

更新: 我没有说我在div内使用图像居中,所以我不能在图像上使用边界半径,它必须在div上使用更改此设置

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

}
即使在不透明度的情况下,也可以这样做


请参见

如果将不透明度应用于
.thumb
并将边框半径应用于
img
,则其有效:


这意味着您可以在需要时为图像使用包装

hmmm,看起来不透明度有干扰。移除它,半径就可以了。我没有说我用这个方法来将图像居中放置在div中,所以我不能在图像上使用边界半径,它必须在div中使用