не получается прозрачный бэкграунд

[SKM]

в бэкграунд ложится картинка, нужно средствами CSS задать ее прозрачность

сделал так:

 .mainbg {

   background:  url('../img/general.jpg') no-repeat;
  /* Internet Explorer */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;

}

но почему-то прозрачным становится текст сайта

вот как отработало _hххp://sbsg-consulting.com

помогите плз

Edited May 13, 2011 by SKM

[Great Rash]

Так и должно быть. Прозрачным станет все, что находится в прозрачном блоке.

[leonid26]

Как вариант можно повесить один блок над другим: то что сверху текс, в нижний положить картинку для грунда и изменить его прозрачность.

[psywalker]

Так и должно быть. Прозрачным станет все, что находится в прозрачном блоке.

Так точно! На блок с opacity накладывается маска и на всех его потомков.

[Temiks]

Прозрачным станет все, что находится в прозрачном блоке.

а этого можно избежать средствами css ?

[psywalker]

Прозрачным станет все, что находится в прозрачном блоке.

а этого можно избежать средствами css ?

Нет. Если только сделать дополнительный блок, в котором и будет лежать контент.

[Temiks]

Прозрачным станет все, что находится в прозрачном блоке.

а этого можно избежать средствами css ?

Нет. Если только сделать дополнительный блок, в котором и будет лежать контент.

ясно, спасибо

[Softlink]

Так и должно быть. Прозрачным станет все, что находится в прозрачном блоке.

может туповатый вопрос, но я не пробовал ни разу.

А если картинку сделать не бэграундом, а через <img> засунуть. Как тогда будет работать opacity?

upd

Все, вопрос снимается. Извиняюсь, сразу не глянул. Картинка тоже становится прозрачной.

Edited May 13, 2011 by Softlink

[psywalker]

Так и должно быть. Прозрачным станет все, что находится в прозрачном блоке.

может туповатый вопрос, но я не пробовал ни разу.

А если картинку сделать не бэграундом, а через <img> засунуть. Как тогда будет работать opacity?

http://forum.htmlbook.ru/index.php?showtopic=26626&view=findpost&p=199902

[Softlink]

а здесь прям на примере с картинкой показано http://htmlbook.ru/css/opacity

[psywalker]

а здесь прям на примере с картинкой показано http://htmlbook.ru/css/opacity

Ага.