В чем преимущество использования «прозрачного» значения в CSS-свойстве background перед URL-адресом png?

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

Прозрачным значением в этом примере является цвет фона (или его отсутствие).