Добрый день, уважаемые форумчане. Недавно столкнулся с такой проблемой: пишу дизайн для блога с применением свойства opacity:, всё вроде бы гуд, но есть одно "но". Свойство opacity:, в моём случае, задаёт прозрачность фоновой таблицы блога, но при добавлении каких-то обьектов в эту таблицу они тоже стают прозрачными, вот как на скрине: Как видим, текст и картинки имеют туже прозрачность, что и заглавная таблица. Как сделать, чтобы обьекты, находящиеся в таблице НЕ принимали прозрачности ?! Вот стиль таблицы: [css].mother_td { margin-top:88px; border: 8px solid #060; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-color:#000; filter:alpha(opacity=80); -moz-opacity:0.8; -webkit-opacity: 0.8; opacity: 0.8; }[/css]
Зделай для них свой класс с нужной прозрачностью. И не забудь про !important псы: если элемент в td, скажем div, то клаc можно определить как .mother_td div {} Этот стиль будет применён ко всем дивам в td... при этом свойство class в диве явно не указывается.
Т.е ты имеешь введу что бы всё контект в таблице заключать в див-ы с отдельным класом где прозрачность будет меньше (opacity:0.9) ? Я тебя правильно понял ?
такая же проблема. подскажите как использовать !important Код (Text): .layer4 { position:absolute; font-family: Verdana; color: white; font-size:12px; text-align:justify; top: 110px; left:280px; width:600px; background:black; filter:alpha(opacity=50); moz-opacity: 0.5; khtml-opacity: 0.5; opacity: 0.5; } Код (Text): .content{ position:relative; left:0px; filter:alpha(opacity=100) !important; moz-opacity: 1 !important; khtml-opacity: 1 !important; opacity: 1 !important; } <div class="layer4"> <div class="content">hello world</div> </div> слой content "наследует" прозрачность из layer4. а надо бы чтобы он оставался "независимым"...
мдее.. работает только в IE... странно... Ну как альтернативу можно использовать фон, прозрачную картинку 1x1 с нужной прозрачностью.