我希望能够使用一张背景图片(1366x768)在多个div中使用。但是如果我使用:
.my_divs{
background-image: url("image.jpg");
}
我只在每个
div
的左上角看到了图片的一部分。我想根据 div
的位置使用图片的相应部分。我可以在 div
上使用透明度,并将背景设置为 body
。这样做是可行的,但在我的情况下,我已经在 body
上使用另一张图片作为背景图片了。body{
background-image: url("another_image.jpg");
}
有没有一种方法可以“看透”
body
并显示html
的背景图片?还是另一个CSS技巧?
编辑:添加简单示例<style>
.mydivs{
padding:30px;
margin:30px;
background-image: url("2.jpg");
}
body{
background-image: url("1.jpg");
}
#container{
}
</style>
<body>
<div id='container'>
<div class='mydivs'>1</div>
<div class='mydivs'>2</div>
<div class='mydivs'>3</div>
</div>
</body>
<div class="my_divs_container"><div class="my_divs"></div><div class="my_divs"></div></div>
。 - Boazimage.jpg
是一个人的照片。如果我有3个相邻的div:我想让第一个显示头部,最后一个显示脚部。使用上面的background-image
,我在每个div上都有头部。棘手的问题是我在每个div之间有空格,并且我希望它们根据body
标签显示另一个background-image
。 - bob dylanbody
的background-image
。(我的div之间有空格)基本上容器背景在body背景之上。 - bob dylan