我有一个 1920x100 的图像,它插入到我的页面顶部:
<img src="./Resources/Images/banner.jpeg" style="position:absolute; top:0px; left:0px; height:100px; width:100%;" name="top">
我想要它,这样当页面水平调整大小时,图像不会随页面缩小,而是保持在屏幕的中心,如下所示:
这似乎是一件可以轻松实现的简单事情,但我还没有找到解决方案。
我可以将图像放在一个 div 中,并将 div 的左侧位置设置为 -(1920-pageWidth) / 2,但这将依赖于 JavaScript。我正在寻找一种更清洁的解决方案(如果有的话),只是为了尽量减少页面的复杂性,并最大限度地提高浏览器的兼容性。
是否有任何 CSS 属性可以用来实现这一点,或者我是否采用了完全错误的方式来实现这一点?
任何帮助表示赞赏。