html中背景图按比例缩放全屏显示

最新推荐文章于 2024-07-07 02:13:57 发布

原创最新推荐文章于 2024-07-07 02:13:57 发布 · 1w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#html #背景图 #比例缩放 #全屏显示

web 专栏收录该内容

48 篇文章

订阅专栏

本文介绍了一种在HTML页面中使背景图片按比例缩放并全屏显示的方法。通过设置图片的高度和宽度均为100%，使得背景图能够自适应浏览器窗口大小变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html中背景图按比例缩放全屏显示，核心代码如下div：

<body style="height: 100%; margin: 0;" onload="createTreep()">
	<div id="Layer1"
		style="position: absolute; width: 100%; height: 100%; z-index: -1">
		<img src="<%=basePath %>images/main.jpg" height="100%" width="100%" />
	</div>
	<table>
    </table>
    </body>
</html>

无意中发现了一个巨牛的人工智能教程，忍不住分享一下给大家。教程不仅是零基础，通俗易懂，而且非常风趣幽默，像看小说一样！觉得太牛了，所以分享给大家。点这里可以跳转到教程。