css把背景图片拉伸至100%

最新推荐文章于 2023-08-29 15:49:12 发布

zzc1684

最新推荐文章于 2023-08-29 15:49:12 发布

阅读量404

点赞数

分类专栏： Html 文章标签： css把背景图片拉伸至100%

本文链接：https://blog.csdn.net/zzc1684/article/details/84796603

版权

Html 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title>test</title>
		
		<style type="text/css"> 
			#bodybg { 
			    position: absolute;
			    width: 100%;
			    height: 100%;
			    left: 0px;
			    top: 0px;
			    z-index: 0;
			}
			#bodybg .stretch { 
			    width:100%;
			    height:100%;
			} 
		</style>
	</head>
	
	<body>
		<!-- 背景图片自适屏幕分辨率 -->
		<div id="bodybg">
		  <img src="http://192.168.0.245/darling/static/images/bg2.jpg" class="stretch" />
		</div>
	</body>
</html>

<style type="text/css">
div{
width:100%;
height: 500px;
background-image:url('2.png');
background-size:cover;
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( sizingMethod='scale' , src='2.png') 
}
</style>
<body>
<div></div>
</body> 

使用滤镜，其中 sizingMethod="scale" 就是拉伸。

zzc1684

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css把背景图片拉伸至100%

&lt;html&gt; &lt;head&gt; &lt;title&gt;test&lt;/title&gt; &lt;style type="text/css"&gt; #bodybg { position: absolute; width: 100%; height: 100%; l...
复制链接

扫一扫