imho.ws
IMHO.WS  

Вернуться   IMHO.WS > Интернет, Глобальные и Локальные сети > Руководство для новичков
Опции темы
Старый 20.06.2006, 22:57     # 1
Хлорка
Guest
 
Сообщения: n/a

Полу-прозрачный слой

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

Naked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked Сэнсэй
Вот посмотри вот это, возможно подойдет:
Цитата:
Полупрозрачный фон картинки можно сделать с помощью свойства фильтра стилей
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)';"
__________________
Чтобы воля стала действующим началом, тело должно быть совершенным.
Naked вне форума  
Старый 20.06.2006, 23:21     # 3
Хлорка
Guest
 
Сообщения: n/a

К сожалению, в моей опере это не работает. А в осле -работает. Может, есть какое-нибудь универсальное решение? Может, надо сделать картинку (которая для фона) изначально прозрачной, а потом уже на нее давать ссылку? Вот только как? И в каком формате?
 
Старый 21.06.2006, 08:55     # 4
Naked
::VIP::
 
Аватар для Naked
 
Регистрация: 15.05.2005
Адрес: Питер
Сообщения: 1 194

Naked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked Сэнсэй
Цитата:
Хлорка:
Вот только как? И в каком формате?
ну все картинки делаются в Photoshop'е кстати в соответствующем разделе есть ссылка на переносной фотошоп, весит всего 40 метров, а чтобы картинки редактировать вполне подходит... А формат - либо gif, либо png. Только не знаю точно, получится ли...ну попробуй, потом расскажешь
__________________
Чтобы воля стала действующим началом, тело должно быть совершенным.
Naked вне форума  
Старый 21.06.2006, 11:38     # 5
СТРЕЛЕЦ
Full Member
 
Аватар для СТРЕЛЕЦ
 
Регистрация: 02.08.2005
Адрес: город Ха, регион 27
Сообщения: 549

СТРЕЛЕЦ Имеются все основания чтобы гордиться собойСТРЕЛЕЦ Имеются все основания чтобы гордиться собойСТРЕЛЕЦ Имеются все основания чтобы гордиться собойСТРЕЛЕЦ Имеются все основания чтобы гордиться собойСТРЕЛЕЦ Имеются все основания чтобы гордиться собойСТРЕЛЕЦ Имеются все основания чтобы гордиться собойСТРЕЛЕЦ Имеются все основания чтобы гордиться собойСТРЕЛЕЦ Имеются все основания чтобы гордиться собойСТРЕЛЕЦ Имеются все основания чтобы гордиться собойСТРЕЛЕЦ Имеются все основания чтобы гордиться собойСТРЕЛЕЦ Имеются все основания чтобы гордиться собой
Цитата:
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
__________________
Как ни улучшится погода,
У нас своя Природа-мать.
У нас любое время года
Задача перезимовать.

Последний раз редактировалось xTiez; 21.06.2006 в 11:58.
СТРЕЛЕЦ вне форума  
Старый 10.08.2006, 15:29     # 6
DXPSITE
Newbie
 
Регистрация: 10.08.2006
Сообщения: 24

DXPSITE Путь к славе только начался
Не забываем про формат png , он намного лучше gif
DXPSITE вне форума  


Ваши права в разделе
Вы НЕ можете создавать новые темы
Вы не можете отвечать в темах.
Вы НЕ можете прикреплять вложения
Вы НЕ можете редактировать свои сообщения

BB код Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


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




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