背景图片显示问题的几种理解方式(url与img区别) 您所在的位置:网站首页 src与url 背景图片显示问题的几种理解方式(url与img区别)

背景图片显示问题的几种理解方式(url与img区别)

2023-08-31 15:06| 来源: 网络整理| 查看: 265

1.图片既然是背景,,,前景没有宽高,,,就等于没有可视面。。。所以就不会显示背景图。。。可以将图片直接作为内容放置在div中,而不是作为背景,,这样就可以直接显示

2.对滴,背景图片是元素本身的属性,只有元素获得了宽高,元素本身的属性才能展示出来。 或者你在div里面使用img导入该图片,这样即使不设div宽高也可以展示图片。

3.两种方式的区别:

   不需要设置宽高

background-image:url('img/ds.png'); 因为是作为背景,所以需要设置宽高,才可以显示出来

(background-image:url(img/ds.png);)

4.其实很好理解   background:url()你可以理解成一个卷轴这样的里面的画  div就想是这个卷轴  里面没东西卷轴自然是合起来的  就不会有显示   想到于一个装裱好带框的画  你把它放在卷轴上  卷轴想合也合不上



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有