[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Прозрачность, и выключить ее внутри блока
DmitryOpalev
Вообщем, мне надо кнопку, с прозрачным фоном (opacity), но тогда и текст становится прозрачным.
Я запихнул текст в блок (еще один), и задал ему opacity: 1; но ему без разницы. Даже больше еденицы ен помгоает.
Как мне сделать прозрачный фон, с нормальным текстом?



Спустя 33 минуты, 3 секунды (20.03.2011 - 22:09) Snus написал(а):
DmitryOpalev
Как-то так :)
div.block { position: relative; width: 300px; height: 150px; }
div.block div.fon { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #CC0000; opacity: 0.5; }
div.block div.text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; }

<div class="block">
<div
class="fon"></div>
<div
class="text">Тро-ло-ло</div>
</div>

Спустя 58 минут, 32 секунды (20.03.2011 - 23:08) inpost написал(а):
DmitryOpalev
Можно обычную картинку заменить на другую, выставить ей прозрачность.

Спустя 6 минут, 32 секунды (20.03.2011 - 23:14) sergeiss написал(а):
DmitryOpalev - тут еще зависит от того, как они прописаны. Если блок в блоке, то прозрачность будет и всех вложенных. Но если "блок за блоком", то прозрачность первого не влияет на второй (сам по этим граблям недавно попрыгал smile.gif).
Для обоих блоков только задай правильное позиционирование и всё будет так, как тебе хочется.


_____________
Курс валют
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.