给网页添加背景图片 html+css

最新推荐文章于 2025-05-28 06:12:52 发布

原创最新推荐文章于 2025-05-28 06:12:52 发布 · 2.9w 阅读

137 ·

CC 4.0 BY-SA版权

文章标签：

#css #html

前端大杂烩专栏收录该内容

123 篇文章

订阅专栏

本文介绍了一种使用HTML和CSS实现网页背景图片自适应的方法，确保在不同屏幕尺寸下图片始终能够完整显示且不失真。关键在于利用CSS的`background-size: cover`属性。

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

标题：给网页添加背景图片 html+css

项目场景：

给网页添加背景图片，网页缩小放大都不受影响 html+css

问题描述：

给网页添加背景图片，网页缩小放大都不受影响，

解决方案：

1.在html写入一个div盒子

<div class="bjimg"></div>

2.写css代码

.bjimg {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      min-width: 1000px;
      z-index: -10;
      zoom: 1;
      background-color: #fff;
      background-image: url(../image/timg.jfif) ;
      background-repeat: no-repeat;
      background-size: cover;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-position: center 0;
    }

3.在url里写入自己图片地址就好