IMHO.WS

IMHO.WS (http://www.imho.ws/index.php)
-   Руководство для новичков (http://www.imho.ws/forumdisplay.php?f=35)
-   -   Полу-прозрачный слой (http://www.imho.ws/showthread.php?t=105119)

Хлорка 20.06.2006 22:57

Полу-прозрачный слой
 
Сделала слой. Задала ему фоновый цвет. Теперь мне надо чтобы этот слой был слегка прозрачным. И было видно, что находится под ним. То есть надо задать процент прозрачности. Не знаю как.
в таблице стилей
.osnova { background-color: #CCCCCC; background:transparent
пробовала добавить тупо проценты- ничего не выходит. Фон либо совсем прозрачный, либо совсем не-прозрачный. Причем такая задача стоит и для простого цветного фона, и для фона-картинки. Помогите?

Naked 20.06.2006 23:08

Вот посмотри вот это, возможно подойдет:
Цитата:

Полупрозрачный фон картинки можно сделать с помощью свойства фильтра стилей
Alpha(opacity)

Полный синтаксис свойства Alpha
STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=X, StartY=Y, FinishX=X, FinishY=Y)"

Opacity - степень осветления(0-100. 0 светло(прозрачно), 100 темно(не прозрачно)).
FinishOpacity - конечная степень осветления(0-100. 0 светло(прозрачно), 100 темно(не прозрачно)).
Style - Число 0(???), 1(линия) 2(круг) 3(прямоугольник)

Свойства отдельной картинки (допустим являющейся фоном) можно задать по событиям мыши
onmouseover="this.style.filter='alpha(opacity=50)';"
onmouseout="this.style.filter='alpha(opacity=90)';"

Хлорка 20.06.2006 23:21

К сожалению, в моей опере это не работает. А в осле -работает. Может, есть какое-нибудь универсальное решение? Может, надо сделать картинку (которая для фона) изначально прозрачной, а потом уже на нее давать ссылку? Вот только как? И в каком формате?

Naked 21.06.2006 08:55

Цитата:

Хлорка:
Вот только как? И в каком формате?
ну все картинки делаются в Photoshop'е:) кстати в соответствующем разделе есть ссылка на переносной фотошоп, весит всего 40 метров, а чтобы картинки редактировать вполне подходит... А формат - либо gif, либо png. Только не знаю точно, получится ли...ну попробуй, потом расскажешь:)

СТРЕЛЕЦ 21.06.2006 11:38

Цитата:

Naked:
ну все картинки делаются в Photoshop'е
Не обязательно. Можно и в стандартном виндовом Painte нарисовать 4 квадратика в шахматном порядке 2х2, из них 2 оставить прозрачными, а 2 закрасить нужным цветом.
Снять птичку в пункте "непрозрачный фон" и сохранить как bg.gif
И этот gif использовать для заливки фона. Вот только картинка получится в сеточку.
А полупрозрачный png годится только для Оперы, в IE это не работает.

P.S.
IE не понимает полупрозрачность png ... думал я, пока не прочитал вот это
_http://www.providerz.ru/usenet-archive/fido7-ru-website/?object=wwwb&object_id=20&job=view_message&mess_count=480&message_id=1 4478

DXPSITE 10.08.2006 15:29

Не забываем про формат png , он намного лучше gif


Часовой пояс GMT +4, время: 02:04.

Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.