如何让背景图片实现拉伸效果，且无任何偏移（记录下，以后会用到）

最新推荐文章于 2021-10-26 18:21:29 发布

原创最新推荐文章于 2021-10-26 18:21:29 发布 · 851 阅读

0 ·

CC 4.0 BY-SA版权

随笔专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用HTML和CSS实现背景图片绝对定位的方法。通过设置背景图片的样式类，可以使图片相对于页面进行绝对定位，并调整其大小以适应不同的屏幕尺寸。

方法 1：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <style type="text/css">
        .bgImg
        {
            position: absolute;			
            width: 100%;				
            height: 100%;				
            margin-top: -8px;			
            margin-left: -8px;			
            z-index: -100;				
        }
    </style>
</head>
<body>
    <img src="bd3eb13533fa828b2910891bfd1f4134970a5a12.jpg" class="bgImg" />
    <span>aksdhfkashfiohekfnaskdhfk</span>
</body>
</html>

方法2 ：

正在尝试。。。。