gpt4 book ai didi

html - 多个背景图片 CSS 重复

转载 作者:太空宇宙 更新时间:2023-11-03 17:37:33 25 4
gpt4 key购买 nike

我有一个 div,我想给它 3 个背景

background:url(../images/left-bg.png) no-repeat left,url(../images/right-bg.png) no-repeat right,url(../images/center-bg.png) repeat-x;

左右背景图片是透明的,但是因为我的中心背景图片是repeat-x,中心背景在左右背景下面,有什么办法可以阻止这个事件吗?

谢谢

最佳答案

这有点取决于更大的上下文——CSS3 有 background-origin property这决定了你的背景是否只绘制在内容框、填充框或边框框后面。

如果你的左图和右图本质上是有边界的,在 content-box 上有重复的图像,在 padding-box/ 上有左/右图像border-box 可能对你有帮助。

关于html - 多个背景图片 CSS 重复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29587703/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com