Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос по z-index / 8 сообщений из 8, страница 1 из 1
13.11.2009, 09:19
    #36308283
zubr13
zubr13
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по z-index
Народ прив.)
Сидел, верстал, никого не трогал и наткнулся на один вопросик.
Для примера накидал болванку.
Вопрос вот в чем .. так как я поставил приоритет на отображение по глубине, он почему-то не отработа как предполагается логикой. В мануалах об этом ничего не написано, во всчком случае я не нашел. И причем, мне показалось что такая несостыковочка происходит только когда идет выравнивание по правому краю / float:right;\
Может кто-нибудь может пояснить в чем тут дело)
Заранее благодарен))

CSS
Код: 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.
#l1
{
	width:200px;
	height:500px;
	background:gold;
	float:left;
	z-index: 1 ;
}

#l3
{
	width:200px;
	height:500px;
	background:gold;
	float:right;
	z-index: 2 ;
}
#l2
{
	color:white;
	width: 90 %;
	height:550px;
	background:black;
	~float:left;
	z-index: 3 ;
}

html

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<html>
	<title>
		Test index(bug with right align)
	</title>
	
	<body>
		<link rel = "stylesheet" type="text/css" href = "test.css">
		<div id = "L1">Layer  1  </div>
		<div id = "L3">Layer  3  </div>
		<div id = "L2">Layer  2  </div>
		<!--<div id = "L4">Layer 4 </div>-->
	</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.11.2009, 09:39
    #36308318
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по z-index
а что такое ~float:left; ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.11.2009, 10:21
    #36308422
zubr13
zubr13
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по z-index
EmilRegis, Это однострочный коммент такой) он конечно IE не воспринимается, но мне так удобней тестить в Oper'e .. потом я за обычный заменяю /**/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.11.2009, 10:56
    #36308551
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по z-index
zubr13 , а как ты это "ожидаешь увидеть"? Т.е. чего сам-то хотел сделать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.11.2009, 11:42
    #36308733
zubr13
zubr13
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по z-index
krvsa,
ну я хотел бы увидеть это логично))

блок
L1 не должен быть виден (низкий приоритет)
L2 должен перекрывать L1 и L3 потому что приоритет самый высокий
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.11.2009, 12:00
    #36308815
yelena
yelena
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по z-index
по спецификации http://www.w3.org/TR/CSS21/visuren.html#floats

Since a float is not in the flow, non-positioned block boxes created before and after the float box flow vertically as if the float did not exist.

Firefox и Mozilla удовлетворяют спецификации, ну а IE - как обычно...

Если так

#l2
{
color:white;
width:90%;
height:550px;
background:black;
~float:left;
z-index:3;
position: absolute;
top: 100px;
left: 100px;
}


то z-index:3 сработает

Спецификацию почитайте
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.11.2009, 12:03
    #36308821
yelena
yelena
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по z-index
еще http://www.w3.org/TR/CSS21/visuren.html#layers
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.11.2009, 12:29
    #36308942
zubr13
zubr13
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по z-index
Елена, благодарствую)) исчерпывающе
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос по z-index / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 520ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1453979]:
 0ms
get settings:
 10ms
get forum list:
 20ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 163ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 40ms
get tp. blocked users:
 1ms
others: 267ms
total:  520ms
x
x
Закрыть


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