CSS 背景及铺满当前div的小技巧

绝地灬酷狼 2023-02-08 12:55 67阅读 0赞

CSS 背景属性

属性	描述
background	简写属性，作用是将背景属性设置在一个声明中。
background-attachment	背景图像是否固定或者随着页面的其余部分滚动。
background-color	设置元素的背景颜色。
background-image	把图像设置为背景。
background-position	设置背景图像的起始位置。
background-repeat	设置背景图像是否及如何重复。

今天碰到一个问题是当前背景图片比较小的时候，不想让其重复铺满当前容器的背景：

运用img为一个单独图片容器的宽高等于父节点的宽高，并位于其下面，间接实现图片铺满当前容器

具体代码如下

发表评论取消回复

表情：

评论列表（有 0 条评论，67人围观）

还没有评论，来说两句吧...

相关阅读

相关 Web背景铺满屏幕属性：background-image

//html <template> <div class="backgroud_img"> </div

刺骨的言语ヽ痛彻心扉/ 2024年03月23日 15:04/ 0 赞/ 148 阅读

相关如何让 div 铺满整个屏幕

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQw

以你之姓@/ 2023年02月23日 08:51/ 0 赞/ 366 阅读

相关 CSS 背景及铺满当前div的小技巧

CSS 背景属性 <table> <tbody> <tr> <th>属性</th> <th>描述</th> </tr> <tr>

绝地灬酷狼/ 2023年02月08日 12:55/ 0 赞/ 67 阅读

相关 CSS 设置窗口高度铺满

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 背景 2. CSS设置满屏 1. 背景我们经常会遇到，需要将网页

我就是我/ 2022年10月04日 15:44/ 0 赞/ 366 阅读

相关 CSS--高度铺满

原文网址：[CSS--高度铺满\_IT利刃出鞘的博客-CSDN博客][CSS--_IT_-CSDN] 其他网址 [div 自适应高度自动填充剩余高度 - 庞国明 -

迷南。/ 2022年09月02日 05:21/ 0 赞/ 253 阅读

相关 CSS背景铺满全屏

html { background: url(images/bg.png) no-repeat center center fixed; -webkit-backgro

Love The Way You Lie/ 2022年08月18日 11:41/ 0 赞/ 259 阅读

相关 css背景铺满

html { background: url(bg.jpg) no-repeat center center fixed; -webkit-background-siz

Bertha 。/ 2022年06月03日 08:46/ 0 赞/ 318 阅读

相关 css中让图片铺满整个div盒子

盒子是middle middle{ border: 1px solid blue; position: absolute;

淩亂°似流年/ 2022年05月14日 02:12/ 0 赞/ 855 阅读

相关铺满全屏的div

继承法 <style> { margin:0; padding:0; }

秒速五厘米/ 2021年12月17日 05:21/ 0 赞/ 390 阅读

相关背景图铺满全屏

<!DOCTYPE html> <html> <head> <meta charset="utf-8">

桃扇骨/ 2021年11月17日 11:22/ 0 赞/ 448 阅读