Jquery 如何在css导入的图像上应用css
如何将CSS应用于CSS通过background:url(“..”)属性导入的图像。 我想在image.jpg上应用边界半径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上设置了边界半径,它仍然会有
<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的实际内容。