Jquery 如何在css导入的图像上应用css

Jquery 如何在css导入的图像上应用css,jquery,css,Jquery,Css,如何将CSS应用于CSS通过background:url(“..”)属性导入的图像。 我想在image.jpg上应用边界半径 <div></div> div { background: url('image.jpg'); } div{ 背景:url('image.jpg'); } 您不能直接设置背景图像的样式。可以设置图像作为背景的元素的样式;在本例中,div。如果您想要边界半径,只需使用边界半径将其添加到CSS中即可 即使在div上设置了边界半径,它仍然会有

如何将CSS应用于CSS通过background:url(“..”)属性导入的图像。 我想在image.jpg上应用边界半径

<div></div>

div {
  background: url('image.jpg'); 
}

div{
背景:url('image.jpg');
}

您不能直接设置背景图像的样式。可以设置图像作为背景的元素的样式;在本例中,
div
。如果您想要边界半径,只需使用
边界半径
将其添加到CSS中即可

即使在
div
上设置了边界半径,它仍然会有一个方形边界框:

div{
宽度:200px;
高度:200px;
背景:url('http://lorempixel.com/200/200/');
边界半径:50%;
}

此处的文本不会自动位于“圆圈”内

要获得边界半径,必须为容器对象提供边界半径属性。这里的对象是div

添加如下内容:

div {
background: url('image.jpg'); 
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

例如:我希望我的div是方形的,图像是圆形的。你可以使用一个轮廓,我们可以在不设置div样式的情况下这样做。例如:我希望我的div是方形的,图像是圆形的circle@ChimedPalden检查我的编辑--边框半径不限制div的实际内容。