Форум PHP программистов > Прозрачность вложенных блоков

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Прозрачность вложенных блоков

Sylex

29.05.2008 - 13:55

Есть меню, которое находится внутри блока <div class="menu">, который в свою очередь находится в блоке, который имеет фон и прозрачный на 50%. Проблема в том, что фон должен быть прозрачным, а меню - нет. Т.е. прозрачность задается для блока, и следовательно все дочерние блоки будут иметь прозрачность. Но должен же существовать способ решения кроме всяких .PNG???

Код

<div style="background: transparent url('images/bg_menu.gif') no-repeat; height: 410px; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);">
<div class="menu">
  <a href="#">Punkt</a><br>
  <a href="#">Punkt</a><br>
  <a href="#">Punkt</a><br>
  <a href="#">Punkt</a><br>
  <a href="#">Punkt</a><br>
</div>
</div>

Если для блока меню сделать абсолютное позиционирование (absolute) - то нужно высчитывать позицию слева, т.к. меню "ездит" влево-вправо в зависимости от разрешения. Если использовать относительное (relative) - то там, где якобы должно быть меню, соответственно остается пустое место в высоту блока (410 пикселей), которое естественно не нужно.

Как быть? И есть ли способ решения?

Спустя 14 минут, 23 секунды (29.05.2008 - 13:10) Sylex написал(а):

нашел решение!!!

Код

<div style="margin-top: 33px; position: relative;">
    <div style="width: 100%; background: transparent url('images/bg_menu.gif') no-repeat; height: 410px; opacity: 0.5; position: absolute; left: 0; top: 0; z-index: 100; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);"> </div>

    <div class="left_menu" style="width: 80%; padding: 20px 20px 20px; position: absolute; left: 0; top: 0; z-index: 1000">
        <h2>Услуги</h2>
        <a href="#">Фитобар</a><br>
        <a href="#">Ингаляторий</a><br>
        <a href="#">Спелеотерапия</a><br>
        <a href="#">Физиотделение</a><br>
        <a href="#">Водолечение</a><br>
        <a href="#">Душевая кафедра</a><br>
        <a href="#">Озонотерапия</a><br>
        <a href="#">Очистка кишечника</a><br>
        <a href="#">Центр практ психологии</a><br>
        <a href="#">Реабилитация больных</a><br>
        <a href="#">Тракционная терапия</a><br>
        <a href="#">Лечебная физкультура</a><br>
        <a href="#">Женский доктор</a><br>
        <a href="#">Детское оздоровление</a><br>
    </div>

    <div style="width: 185px;"> </div>
</div>

_____________
Я думал я буду сеять добро, но у меня не получилось. Во-первых, мне помешали, во-вторых я сам отрекся от этой идеи.

Быстрый ответ:

Здесь расположена полная версия этой страницы.