gpt4 book ai didi

css - 使用单个 url 的多个背景

转载 作者:行者123 更新时间:2023-11-28 13:07:37 26 4
gpt4 key购买 nike

嘿,这是我在后台使用 2 个图像的代码,但是是否可以对两个图像使用一个 url 而不是使用 2 个 url。

正文{
背景图片:url(images/bgtop.png), url(images/bg.png);
背景重复:重复-x,重复;
}

最佳答案

当然可以,但是与实际的 css 相比,它会在 photoshop 中涉及更多的图像处理。

您必须将背景变成某种 Sprite ,这意味着您必须将背景合并为一张图像。然后使用多个不同的背景位置来显示图像的不同部分。

Sprite 示例:http://www.w3schools.com/css/css_image_sprites.asp#gsc.tab=0

多个背景的示例,使用不同的背景位置:http://www.css3.info/preview/multiple-backgrounds/请注意,此示例有两个单独的图像,因此有两个单独的 URL。您需要结合使用不同的背景位置和 Sprite 。

关于css - 使用单个 url 的多个背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15769813/

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