css - 在 png 的 url 之前使用 CSS 背景属性中的“透明”值有什么好处？

Question

我经常看到样式表写在你有这样的地方：

#anyelement {
  background:transparent url(../img/filename.png) no-repeat left top;
}

有问题的价值是“透明”价值——使用这个价值有什么好处？我从来没有真正将它与我自己的 css 文件一起使用，而且我的 PNG 图像在所有支持 PNG 的浏览器中似乎仍然可以正常工作。

任何人都可以阐明这个值的使用吗？

谢谢！

Answer 1

如果您从另一个声明继承背景颜色，那么应该将其清除。

Answer 2

除非我遗漏了什么，否则transparent在background规则中使用不会有任何效果。

当您使用background速记属性时，它总是设置background-color、background-image和background-position的值background-repeat。您在规则之外遗漏的任何值都将设置为其默认值，无论如何background-color都是这样。transparent

见http://jsfiddle.net/CN2aJ/2/

有些人可能更喜欢他们的 CSS 更明确，因此transparent为了清晰起见将其包含在其中。但我认为它不会影响页面的显示方式。

Answer 3

此示例中的透明值是背景颜色（或缺少背景颜色）。

Answer 4

背景属性的第一部分是背景颜色。这是在找不到背景图像时显示的颜色。透明只是意味着它不应该显示背景颜色。透明也是默认的顺便说一句。