Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法将背景图像放入另一个图像中_Javascript_Html_Css - Fatal编程技术网

Javascript 无法将背景图像放入另一个图像中

Javascript 无法将背景图像放入另一个图像中,javascript,html,css,Javascript,Html,Css,看看这个网站,我注意到显示页面的背景图像从显示器的侧面流出。有办法解决这个问题吗 img src=“img/laptop.png”id=“laptop”class=“tour”alt=“laptop”/ 笔记本电脑是一个带有透明中心的png。然后我将一个类应用到笔记本电脑上,该类将应用笔记本电脑后面的背景图像。即 .tour{background:url(../img/tour.jpg”)中心顶部不重复;} 当某些图像大于笔记本电脑的宽度时,就会出现问题。最简单的方法是将笔记本电脑图像的背景设置

看看这个网站,我注意到显示页面的背景图像从显示器的侧面流出。有办法解决这个问题吗

img src=“img/laptop.png”id=“laptop”class=“tour”alt=“laptop”/

笔记本电脑是一个带有透明中心的png。然后我将一个类应用到笔记本电脑上,该类将应用笔记本电脑后面的背景图像。即

.tour{background:url(../img/tour.jpg”)中心顶部不重复;}


当某些图像大于笔记本电脑的宽度时,就会出现问题。最简单的方法是将笔记本电脑图像的背景设置为白色,然后将图像中“溢出”的部分覆盖起来

另一个快速解决方案是调整所有背景图像的大小,使其适合显示器

我认为正确的方法是在笔记本电脑屏幕的范围内放置一个绝对定位的元素,并显示图像

类似于

<div class='image-container' style='position: relative;'>
    <div id='background' style='position: absolute; left: 100px; right: 100px; top: 30px; bottom: 120px;></div>
    <img src='img/laptop.png' />
</div>


不要为“container clearfix”类指定宽度,然后为监视器添加一个合适的宽度,比如说920px左右,这样它的大小就更适合覆盖您正在使用的照片。

您所说的出血是什么意思。看起来没问题。你想成为什么样的人。请提供更多详细信息我希望你不是在用这种方式推广网站。谢谢!这起作用了。我还更新了这个问题,希望能更清楚一点