ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос по области действия opacity (прозрачности)
4 сообщений из 4, страница 1 из 1
Вопрос по области действия opacity (прозрачности)
    #36550844
NT Man
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NT Man
Гость
Задача стоит следующим образом поверх содержимого натягивается прозрачный DIV, а в этом диве должен быть уже непрозрачный DIV. А выходит, что все DIV-ы вписанные становятся так-же просвечиваемыми. Знаю можно решить проблему другим способом, не вписывать див, а наложить по вверх прозрачного дива непрозрачный див. Но я дотошный и хочу услышать мнение по поводу вписанного дива. Выходит прозрачность наследуется?

Example:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">

<head>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
    <title>Блочный элемент поверх всего!</title>

    <style type="text/css">
        * {
            padding:  0 ;
            margin:  0 ;
        }
    
        body {
            background-color: green;
        }
    
        #max-div {
			position: absolute;
            top:  0 ;
            left:  0 ;
            width:  100 %;
            height:  100 %;
			opacity:  0 . 7 ;
			padding: 1em;
            background-color: white;
            z-index:  100 ;
            display: none;
        }

        #editor-div {
			opacity:  1 ;
			border: dashed 1px # 363636 ;
            background-color: grey;
			display: table-cell	;
        }

    </style>
    <script type="text/javascript">
        window.onload = function() {
            setTimeout(function() {
                document.getElementById('max-div').style.display = 'table';
            },  1000 );
        }
    </script>
</head>
<body>
    <h2>Тестовый текст</h2>
	foobar
    <div id="max-div">
		<div id="editor-div">Текст</div>
	<!--	<textarea style="width: 100%; height:100%"></textarea> -->
    </div>
</body>
</html>
...
Рейтинг: 0 / 0
30.03.2010, 15:45:28
| Ответить | Цитировать | Написать  
Вопрос по области действия opacity (прозрачности)
    #36550853
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
Сделать то что ты хочешь можно через rgba , но поддерживается не везде, поэтому проще наложить абсолютно, как все и делают.
...
Рейтинг: 0 / 0
30.03.2010, 15:50:59
| Ответить | Цитировать | Написать  
Вопрос по области действия opacity (прозрачности)
    #36550863
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Как вариант можно использовать "полупрозрачную" картинку вместо фона...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
30.03.2010, 15:54:23
| Ответить | Цитировать | Написать  
Вопрос по области действия opacity (прозрачности)
    #36552284
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
зыСделать то что ты хочешь можно через rgba , но поддерживается не везде, поэтому проще наложить абсолютно, как все и делают.
человек же сказал, что он дотошный...))
...
Рейтинг: 0 / 0
31.03.2010, 11:18:06
| Ответить | Цитировать | Написать  
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос по области действия opacity (прозрачности)
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=255&tid=1453303]:
 0ms
get settings:
 8ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 75ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 41ms
get tp. blocked users:
 2ms
others: 196ms
total:  362ms
созд. / загр.: 362ms
x
x
Закрыть


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