前几天我刚刚启动了一个网站,并认为它没有奇怪的 CSS 错误,但显然事实并非如此。我在这里尝试做的是拉伸图像以适应页面的高度和宽度。
问题:我有以下标记:
<img src="images/night_sky7.jpg" class="stretch" />
并对其应用了以下 CSS:
img.stretch {
left: 0px;
position: absolute;
top: 0px;
width: 100%;
z-index: 0;
}
这在我的 17.1 英寸笔记本电脑(分辨率为 1440x900)上工作正常,但我注意到它在其他屏幕分辨率上无法正常工作。发生的情况是背景不会延伸到底部,而是延伸到底部下方,甚至延伸到页面的中间。
现在,我已经尝试更改很多 CSS,但无法使其完全伸展。
任何帮助表示赞赏。
如果您愿意,可以测试的网址是:http://bit.ly/eOEzXJ http://bit.ly/eOEzXJ.
如果有必要,我可以做以下任何事情:
- 将 Photoshop 中的图像更改为任意尺寸
- 添加任意JS或CSS,但高度:100%;解决方案不起作用,至少,不像我所看到的那样
查克在这里走对了路,但你可能需要添加
html {
height: 100%;
}
as well.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)