Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос по области действия opacity (прозрачности) / 4 сообщений из 4, страница 1 из 1
30.03.2010, 15:45:28
    #36550844
NT Man
NT Man
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по области действия opacity (прозрачности)
Задача стоит следующим образом поверх содержимого натягивается прозрачный 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:50:59
    #36550853
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по области действия opacity (прозрачности)
Сделать то что ты хочешь можно через rgba , но поддерживается не везде, поэтому проще наложить абсолютно, как все и делают.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.03.2010, 15:54:23
    #36550863
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по области действия opacity (прозрачности)
Как вариант можно использовать "полупрозрачную" картинку вместо фона...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.03.2010, 11:18:06
    #36552284
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по области действия opacity (прозрачности)
зыСделать то что ты хочешь можно через rgba , но поддерживается не везде, поэтому проще наложить абсолютно, как все и делают.
человек же сказал, что он дотошный...))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос по области действия opacity (прозрачности) / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 502ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453303]:
 0ms
get settings:
 7ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 212ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 46ms
get tp. blocked users:
 1ms
others: 208ms
total:  502ms
x
x
Закрыть


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