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

Кстати, думал попробовать гиф полупрозрачный получить ... Что-то я не смог выписать в фотошопе ПОЛУпрозрачный гиф (типа пнг) - это так и есть? (опыта в фотошопе хоть отбавляй, но вот с гифами я как-то не сталкиваюсь в повседневности :))
...
Рейтинг: 0 / 0
27.06.2008, 16:15
| Ответить | Цитировать | Написать  
Полупрозрачный фон, но нормальное содержание
    #35399234
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
А разве бывают полупрозрачные гифы? По моему, там только прозрачные цвета бывают. Хотя конечно, если чередовать пикселы...
...
Рейтинг: 0 / 0
27.06.2008, 16:20
| Ответить | Цитировать | Написать  
Полупрозрачный фон, но нормальное содержание
    #35399260
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Ну да, ну да ... откуда у гифа альфа-канал? :)
Тогда спасибо, что разочаровали, буду по-старинке пнг-шками забивать фон.
...
Рейтинг: 0 / 0
27.06.2008, 16:32
| Ответить | Цитировать | Написать  
Полупрозрачный фон, но нормальное содержание
    #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
27.06.2008, 16:58
| Ответить | Цитировать | Написать  
Полупрозрачный фон, но нормальное содержание
    #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
28.06.2008, 07:22
| Ответить | Цитировать | Написать  
Полупрозрачный фон, но нормальное содержание
    #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, 01:20
| Ответить | Цитировать | Написать  
Полупрозрачный фон, но нормальное содержание
    #35400685
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Ghirik
Вопрос внимательнее читать нужно. Это не как чего-то сделать полупрозрачным, а именно бэкграунд, причём, чтобы всё остальное (с этим бэкграундом) было - непрозрачно.
...
Рейтинг: 0 / 0
29.06.2008, 11:33
| Ответить | Цитировать | Написать  
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Полупрозрачный фон, но нормальное содержание
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35400595&tid=1456284]:
 0ms
get settings:
 7ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 177ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 33ms
get tp. blocked users:
 1ms
others: 216ms
total:  469ms
созд. / загр.: 469ms
x
x
Закрыть


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