X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Как сделать тело сайта прозрачным относительно фоновой картинки
klimero
klimero
Topic Starter сообщение 16.3.2011, 16:07; Ответить: klimero
Сообщение #1


Частый гость
**

Группа: Banned
Сообщений: 80
Регистрация: 9.2.2011
Поблагодарили: 10 раз
Репутация:   0  


Нужно сделать как на этом сайте

Нужно сделать сайт немного прозрачным, необходимо чтобы просматривался фоновый рисунок
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LOAD
LOAD
сообщение 16.3.2011, 16:16; Ответить: LOAD
Сообщение #2


Участник
***

Группа: User
Сообщений: 106
Регистрация: 1.2.2008
Поблагодарили: 42 раза
Репутация:   8  


http://htmlbook.ru/css/opacity

Можно еще прозрачной .png
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
moto-arena
moto-arena
сообщение 16.3.2011, 16:20; Ответить: moto-arena
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 441
Регистрация: 10.11.2009
Из: Снежное
Поблагодарили: 96 раз
Репутация:   28  


Прозрачный PNG Думаю будет лучшим вариантом.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LiveDew
LiveDew
сообщение 16.3.2011, 19:58; Ответить: LiveDew
Сообщение #4


Новичок
*

Группа: User
Сообщений: 33
Регистрация: 14.3.2011
Поблагодарили: 10 раз
Репутация:   3  


вот примерный код прозрачного слоя, фиксы под IE присутствуют:
<!--[if IE]>
.layer {zoom:1;background:#000;filter:alpha(opacity=50);}
.layer * {position:relative;}
<![endif]-->

.layer {background:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZ
G9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYmBgaAAIMAAAjwCD5Hc2/AAAAABJRU5ErkJggg==);
background:rgba(0, 0, 0, 0.5);opacity:0.5;}

вместо base64 представления полупрозрачного изображения можете вставить url('path/need_pic.png')
background:rgba - это для браузеров, поддерживающих CSS3
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klimero
klimero
Topic Starter сообщение 17.3.2011, 0:01; Ответить: klimero
Сообщение #5


Частый гость
**

Группа: Banned
Сообщений: 80
Регистрация: 9.2.2011
Поблагодарили: 10 раз
Репутация:   0  


Спасибо
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Увеличение посещаемости сайта (яндекс, гугл, соц сети) - реальные люди
1 SANR 109 Сегодня, 19:12
автор: anchous
Открытая тема (нет новых ответов) Как установить источник заражения сайтов?
5 kelevra 272 Сегодня, 17:55
автор: Nell
Открытая тема (нет новых ответов) Бесплатные советы по улучшению юзабилити сайта
5-10 пунктов на человека, публично в теме
7 Caterpillar 734 Сегодня, 16:58
автор: Caterpillar
Открытая тема (нет новых ответов) [РЕКОМЕНДУЮ] >>>Тестирование Вашего сайта, сервера на устойчивость и уязвимость!
17 barbaddos 2282 Сегодня, 16:57
автор: barbaddos
Горячая тема (нет новых ответов) Как быстро похудеть мужчине в домашних условиях?
бесплатно, без регистрации, без смс
211 Silverspam 13337 Сегодня, 16:48
автор: Catherine_Molli


 



RSS Текстовая версия Сейчас: 11.12.2017, 19:22
Дизайн