DIV+CSS 为什么给body定义背景色之后，容器的背景图片不设置transparent就看不到，这是什么原理？

发布网友 发布时间：2022-04-21 06:13

我来回答

共3个回答

懂视网 时间：2022-04-21 10:34

对于很多人对 BACKGROUND: none transparent scroll repeat 0% 0%;这样的写法是错误的

但是系统会帮你解释成下面这样。
BACKGROUND:transparent none repeat scroll 0% 0%;

分别代表
背景属性：背景颜色 背景图片 背景是否重复 背景时候随浏览器滚动 背景平位置 背景垂直位置
background : background-color || background-image || background-repeat || background-attachment || background-position

transparent表示透明无颜色
none 表示没有设置背景图片
repeat 表示图片重复
scroll 表示背景图片随浏览器下拉而滚动
0%水平位置在x0
0%垂直位置在y0

这个设置是background 的默认设置 ，
也就是说 没有对background属性进行设置的时候 他就会使用这用设置。

热心网友 时间：2022-04-21 07:42

transparent 属性transparent 表示背景颜色透明。如background :transparent none repeat scroll 0% 0% 中：transparent 表示透明无颜色 none 表示没有设置背景图片repeat 表示图片重复scroll 表示背景图片随浏览器下拉而滚动0% 水平位置0% 垂直位置

热心网友 时间：2022-04-21 09:00

因为背景图片的优先级大于背景色，同时出现会覆盖背景色transparent：设置对象的背景样式。
如使用该复合属性定义其单个参数，则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
例如：设置 background : white 等于设置 background : white none repeat scroll 0% 0% 。如果在此之前设置了 background-image 属性，则其设置将被 background-image 的默认值 none 覆盖。
背景样式属性的作用区域为对象的内容区域与内补丁( padding )区域。不包括边框( border )与外补丁( margin )区域。尽管该属性不可继承，但如果未指定，其父对象的背景颜色和背景图将在对象下面显示。
对应的脚本特性为 background 。