如何通过css修复背景图像上的图像?

如何通过css修复背景图像上的图像?,css,Css,我已经将一幅图像作为背景图像。现在我想在标题中的背景图像上再固定一幅图像,但每当分辨率改变时,标题图像的位置就会受到干扰。有人能告诉我吗?也许我误解了你的问题,但它应该有任何功能吗?为什么不将图像合并为一个,并将其用作背景 这里有一个视频教程,你可以看一下:youtube.com/watch?v=LNxfOrhNXgM,其中使用了两幅图像作为背景 .clear{ content: "."; display: block; height: 0; clear: both; visibility: h

我已经将一幅图像作为背景图像。现在我想在标题中的背景图像上再固定一幅图像,但每当分辨率改变时,标题图像的位置就会受到干扰。有人能告诉我吗?

也许我误解了你的问题,但它应该有任何功能吗?为什么不将图像合并为一个,并将其用作背景

这里有一个视频教程,你可以看一下:youtube.com/watch?v=LNxfOrhNXgM,其中使用了两幅图像作为背景

.clear{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

事实上,我不能合并它。因为我使用的是一个从底部的图像和另一个从顶部的图像,根据其设计作为背景,应该在下面有深色阴影,而在上面有一个阴影,我将放置另一个图像。

绝对使用相对于背景图像容器的百分比来定位您的图像给我们一个例子您正在使用的css代码,我们将能够帮助您。我已经绝对定位了我的图像相对于背景图像的位置,但每当我增加屏幕分辨率时,它就会受到干扰(向右移动),当我使用较少的分辨率时,它就会向左移动。好的,我不知道您是如何使用定位或大小的,因为没有代码可以查看。也许你可以使用位置:相对;或者,如果这是一个与两边有多少空空间有关的问题,那么您可以在css中创建一个.clear类。我在上面的答案中做了一个例子。或者你可以创建两个类,只需考虑框架,其中每个都有独立的背景图像。