Разделение веб-страницы на все содержимое

Question

У меня есть веб-страница, стилизованная с использованием CSS

Содержимое веб-страницы содержится в DIV.

Example:
<div id="container">
<div id="ticker">
</div>
<div id="header">
</div>
<div id="content">
</div>
<div id="footer">
</div>
</div>

Мне нужен фон на элементе контейнера, который будет отображаться какполупрозрачный фон (в желаемом цвете), а затем все содержимое внутри div будет отображаться нормально без прозрачности.

Я пробовал методы, в том числе применять непрозрачность к родительскому div, но он применяется ко всем дочерним div, которые мне не нужны.

Как мне это сделать?

Answer 1

Вместо этого вы можете использовать значение rgba для цвета фона и установить альфа-значение на желаемый уровень непрозрачности:

background-color:rgba(255,255,255,0.125);

http://www.w3schools.com/cssref/css_colors_legal.asp

Answer 2

вы можете использовать для этого значение rgba. Напишите так:

#container{
 background:rgba(0,0,0,0.5)
}

Для IE есть фильтр для этого:

    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);   /* IE6 & 7 */      
    zoom: 1;

Вы можете создать свой фильтр RGBA здесь http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/

Answer 3

Используйте фоновое изображение 1x1 (png) с любой прозрачностью любого цвета и позвольте ему повторяться.