6

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

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

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

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

谢谢!

4

4 回答 4

8

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

于 2009-12-16T21:26:21.250 回答
3

除非我遗漏了什么,否则transparentbackground规则中使用不会有任何效果。

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

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

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

于 2011-12-07T09:51:38.467 回答
0

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

于 2009-12-16T21:26:49.573 回答
0

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

于 2009-12-16T21:27:05.317 回答