我正在尝试将图像放置在仅出现在大型宽屏显示器上的一侧。我目前正在使用此标签,可以将其完美放置:
<img src="image.png" style="position: absolute; left: 1400px;">
这恰好将其放置在我想要的位置。唯一的问题是它会影响滚动条,因此较小屏幕上的用户可以滚动查看它。我想要的是将图像放置在背景顶部,并且只有在某人具有非常宽的显示器时才可见。
编辑:屏幕实际上正在使用3张图像。瓷砖背景图片,宽为1200px的map.png和我要坐在仅在大屏幕监视器上可见的地图侧面的coffeecup.png图像。
如果只涉及样式,则可以将其设置为背景图像。
您可以将其从左侧偏移1400像素。
基本上:
background: url(offsetimg.jpg) 1400px 0 no-repeat;
或者如果您已经拥有一个,则可以添加它:
background:url(map.jpg) 0 0 no-repeat, url(offsetimg.jpg) 1400px 0 no-repeat;
它将显示容器是否足够宽。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句