Forum Webscript.Ru

Дизайн и Верстка => Всё о Html => Тема начата: ActiveX от 11 Июня 2004, 16:02:00

Название: Полупрозрачный слой
Отправлено: ActiveX от 11 Июня 2004, 16:02:00

Народ, подскажите полз как сделать полупрозрачный слой?
(через тэг

) Можно юзать css...

Название: Полупрозрачный слой
Отправлено: Pr0Head от 11 Июня 2004, 20:29:36

было бы удивительно, если css использовать нельзя ;)

Название: Полупрозрачный слой
Отправлено: ActiveX от 22 Июля 2004, 23:56:12

А кто знает, как на этом полупрозрачном слое написать что-то текстом, но уже текст должен быть не полупрозрачен (100%-я непрозрачность)???

Название: Полупрозрачный слой
Отправлено: sanika от 12 Июля 2007, 20:12:05

просто ишешь и все)

text

Название: Полупрозрачный слой
Отправлено: hanslinger от 12 Июля 2007, 23:59:48

Цитировать

просто ишешь и все)

А вот и нет.

прозрачный

текст

контейнер position: relative;, внутри оба position: absolute в общем случае.
с заданной шириной и высотой, иначе в IE прозрачность не сработает.

кстати, для всех нормальных браузеров она задается так: opacity: x;, где x - от 0 до 1.

Название: Полупрозрачный слой
Отправлено: brainkiller от 13 Июля 2007, 11:05:17

...и для Safari, по-моему, -khtml-opacity

Название: Полупрозрачный слой
Отправлено: hanslinger от 13 Июля 2007, 15:24:01

Для Safari и обычный работает.

Название: Полупрозрачный слой
Отправлено: brainkiller от 16 Июля 2007, 00:56:58

Уже работает? Давно не проверял. Хорошо, спасибо!

Название: Полупрозрачный слой
Отправлено: Furuncul от 31 Июля 2007, 17:42:42

Поправка. Чтобы полупрозрачность была и в ИЕ, и в мозиле, и в опере, следует писать так:

Код: [Выделить]

opacity:0.5;  -moz-opacity:0.5; filter:alpha(opacity=50);

Название: Полупрозрачный слой
Отправлено: hanslinger от 31 Июля 2007, 18:26:59

Можно без -moz-opacity уже