是否可以将不影响滚动条的图像放置在窗口边缘?



我正试图将图像放在只出现在大宽屏显示器上的一侧。我目前正在使用这个标签,它完美地放置:

<img src="image.png" style="position: absolute; left: 1400px;">

这正是我想要它去的地方。唯一的问题是它会影响滚动条,这样用户就可以在较小的屏幕上滚动并看到它。我想要的是将图像放在背景之上,并且只有当某人的显示器很宽时才能看到。

编辑:屏幕实际上使用了3个图像。一个平铺的木头背景图像,一个1200像素宽的map.png和一个咖啡杯.png图像,我想坐在只有在大屏幕显示器上才能看到的地图旁边。

如果只是关于样式,则可以将图像设置为背景图像。

你可以从左边偏移1400px。

基本:

background: url(offsetimg.jpg) 1400px 0 no-repeat;

或者,如果你已经有了,你可以添加它:

background:url(map.jpg) 0 0 no-repeat, url(offsetimg.jpg) 1400px 0 no-repeat;

它将显示容器是否足够宽。

最新更新