Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Полупрозрачный фон, но нормальное содержание / 10 сообщений из 10, страница 1 из 1
27.06.2008, 15:42
    #35399115
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Полупрозрачный фон, но нормальное содержание
Не думал, что такой элементарный вопрос поставит в тупик.
Делаю плавающий див типа попап-окошко, но надо, чтобы бекграунд был полупрозрачным. Когда назначаю цвет и для кроссбраузерности opacity: 0.20; filter: alpha(opacity=20);, то с фоном все нормально, но теперь содержание - текст, элементы - становятся тоже полупрозрачными, что меня не устраивает. Делать див в диве с восстановлением прозрачности во внутреннем диве как-то мне кажется неправильным - возможно, я что-то упускаю. Буду благодарен за совет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 16:08
    #35399196
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Полупрозрачный фон, но нормальное содержание
IDVsbruckДелать див в диве с восстановлением прозрачности во внутреннем диве как-то мне кажется неправильным - возможно, я что-то упускаю.А кажется это даже не сработает. Нужно лепить сверху див с абсолютным позиционированием, не явлющийся его потомком.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 16:09
    #35399199
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Полупрозрачный фон, но нормальное содержание
А в качестве бекграунда полупрозрачный png положить?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 16:15
    #35399220
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Полупрозрачный фон, но нормальное содержание
Ну, этот вариант я и использовал, но мне не нравится поведение в ИЕ6 - пока выполнится его "опрозрачивание", он успевает стать бело-голубым, да еще и мигнуть при этом. Это не политкорректно :)

Кстати, думал попробовать гиф полупрозрачный получить ... Что-то я не смог выписать в фотошопе ПОЛУпрозрачный гиф (типа пнг) - это так и есть? (опыта в фотошопе хоть отбавляй, но вот с гифами я как-то не сталкиваюсь в повседневности :))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 16:20
    #35399234
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Полупрозрачный фон, но нормальное содержание
А разве бывают полупрозрачные гифы? По моему, там только прозрачные цвета бывают. Хотя конечно, если чередовать пикселы...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 16:32
    #35399260
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Полупрозрачный фон, но нормальное содержание
Ну да, ну да ... откуда у гифа альфа-канал? :)
Тогда спасибо, что разочаровали, буду по-старинке пнг-шками забивать фон.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 16:58
    #35399358
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Полупрозрачный фон, но нормальное содержание
А типа вот этого подойдёт?
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<html>
<body>
<div style="position:absolute;top:100px;left:100px;height:200px;width:200px;">
<div style="z-index:-1;position:absolute;top:0px;left:0px;height:200px;width:200px;opacity: 0.20; filter: alpha(opacity=20);background-color:red">
</div>
aaaaaaaaaa
</div>
<img src="http://img.lenta.ru/news/2008/06/27/popcorn/picture.jpg">
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.06.2008, 07:22
    #35400030
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Полупрозрачный фон, но нормальное содержание
Пардон ошибочка вышла:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<html>
<body>
<div style="position:absolute;top:100px;left:100px;height:200px;width:200px;">
<div style="position:absolute;top:0px;left:0px;height:200px;width:200px;opacity: 0.20; filter: alpha(opacity=20);background-color:red">
</div>
aaaaaaaaaa
</div>
<img src="http://img.lenta.ru/news/2008/06/27/popcorn/picture.jpg">
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.06.2008, 01:20
    #35400595
Ghirik
Ghirik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Полупрозрачный фон, но нормальное содержание
Начальную прозрачность задаем так

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<style type="text/css">
.style { opacity:  0 . 5 ; }
</style>
<!--[if IE]>
<style type="text/css">
.style { filter: alpha(opacity =  50 ); }
</style>
<![endif]-->

Производители IE всегда говорят, что следует отгораживаться от сторонних браузеров комментариями. А если уж говорят, значит, это будет работать всегда... Всё таки мелко-мягкие...
конечно png! конечно через javascript, масса примеров
Но не нужно пихать функции в CSS, делайте такие штучки в JavaScript-е.

Простите за офтоп, Но... Два года пытаюсь определить чем FF круче IE? Полный бред! Файербаг? :-)
Потому, что школьники могут писать к нему плагины? :-)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.06.2008, 11:33
    #35400685
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Полупрозрачный фон, но нормальное содержание
Ghirik
Вопрос внимательнее читать нужно. Это не как чего-то сделать полупрозрачным, а именно бэкграунд, причём, чтобы всё остальное (с этим бэкграундом) было - непрозрачно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Полупрозрачный фон, но нормальное содержание / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 347ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1456284]:
 0ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 36ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 45ms
get tp. blocked users:
 2ms
others: 222ms
total:  347ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]