Подскажите, совсем запутался. Есть следующий код (упрощенно): style.css body { background-image: url(../images/fon-clear.jpg); background-repeat: no-repeat; background-color: black; background-position: 0 160px; color: white; min-width: 1000px; height: 100%; } .main { min-height: 650px; width: 77%; bottom: 0; background-color: black; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); } index.php <body> <div class="main"> <div class="content"> ........................ ........................ ........................ </div> </div> </body> Т.е. суть - есть body, фоном для него использована картинка, внутри него - div class="main", для которого фоном установлен просто черный цвет, и для этого цвета сделана небольшая прозрачность (цель - эффект "затемнения" фоновой картинки body). Дальше уже внутри div class="content" расположен основной контент сайта. И все бы замечательно, но при этом картинки, расположенные внутри div class="content", также приобретают эффект прозрачности, чего не хотелось бы. Естественно, первое, что приходит на ум: .main img { opacity: 1; -moz-opacity:1; filter:alpha(opacity=100); } Но не работает. Точнее - главная трудность в том, что как раз работает, но прозрачность картинок будто берет за основу прозрачность родительского элемента. Т.е. если, например, поставить: .main img { opacity: 0.1; -moz-opacity:0.1; filter:alpha(opacity=10); }, то видно, что картинки действительно становятся более прозрачными, т.е. код работает. Но вот при opacity:100 - они имеют величину прозрачности родителя. Как сделать их совсем непрозрачными? (opacity:200 пробовал, не помогает)
