CSS 多个带边距的背景图片
我正在尝试在 div 上使用 2 个背景图像，我为此使用了这些样式，
background:url(../images/bg1.png),url(../images/bg2.png);
但所有图像都像绝对位置，它们彼此重叠，所以
background-position:0px 0px,40px 0px;
background-repeat:no-repeat,no-repeat;
当我尝试这个时我使用 2. 背景消失，我该如何解决这个问题？
i'm trying to use 2 background images on a div, im using theese style for this
background:url(../images/bg1.png),url(../images/bg2.png);
but all images are like position absolute, they are on each other so i use
background-position:0px 0px,40px 0px;
background-repeat:no-repeat,no-repeat;
when i try this 2. background dissapears, how can i fix this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
正如评论中所讨论的，容器似乎太窄了。它“消失”，因为位置比元素更宽。
As discussed in comments, seems that the container is too narrow. It's 'disappearing' because the position is wider than the element.
我可能是错的，但我不知道允许多个背景。
既然我假设您使用的是半透明 png，为什么不将它们放在 2 个 div 中并将一个包在另一个 div 中呢？
I could be wrong, but I didn't know multiple background is allowed.
Since I'm assuming that you're using translucent png's, why don't just put them in 2 divs and wrap one inside another?