как сделать

sc@r@bey · May 4, 2009

что 2 слоя расположенные друг над другом перекрывал третий слой?

как в аватаре (не смог загрузить картинку с компа <_< )

Edited May 4, 2009 by sc@r@bey

s0rr0w · May 4, 2009

что 2 слоя расположенные друг над другом перекрывал третий слой?
как в аватаре (не смог загрузить картинку с компа )

http://htmlbook.ru/css/z-index.html

Читайте.

sc@r@bey · May 4, 2009

а можно сделать так?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>z-index</title>
  <style type="text/css">
	   #content-inner {
	   ... стили блока...
	   }
	   #top {
	   position: absolute;
	   left: 300px;
	   top: 300px;
	   z-index: 15;
	   ... стили блока...
	   }

  </style>
 </head>
 <body>
  <div id="content-inner">
		 <div id="top">Заголовок</div> 
		 ...Текст...
  </div>

 </body>
</html>

т.е. одному блоку задать позицинирование ? сделал вроде работает, просто в примерах везде несколько слоев указывают, но если делаю для обоих слоев, то content-inner проваливаеться относительно дургих слоев ))

psywalker · May 4, 2009

sc@r@bey

Можешь задавать position: absolute; блоку #top , но тогда он будет Позиционироваться относительно body, а не #content-inner, а если ты хочешь, чтобы он позиционировался Относительно #content-inner, тогда задай #content-inner position: absolute; или position: relative; <_<

sc@r@bey · May 4, 2009

если я задаю #content-inner - position: absolute; , тогда нижестоящие блоки прижимаються к вышестоящим

а если я задаю #content-inner - position:relative; то #top залазит наполовину под вышестоящий блок <_<

psywalker · May 4, 2009

Тут всё понятно: вот тебе ссылочка, почитай ОБЯЗАТЕЛЬНО внимательно все разделы, для азов вполне хватит:

http://softwaremaniacs.org/blog/category/web/primer/

По твоей проблеме я вижу просто тебе нужно побольше знаний, там ничего сложного в принципе нет: Есть контейнер с position:relative;, значит все контейнеры с position:absolute; находящиеся в нём , будут позиционироваться относительно его, вот и всё, а им уже в свою очередь ты можешь задавать z-index 1,2,3..., и чем он будет выше, тем ближе к тебе будет этот контейнер, у которого самый большой z-index <_<

Edited May 4, 2009 by psywalker

sc@r@bey · May 4, 2009

спасибо, пошел читать, а пока блок top поместил в другой блок, вроде заработало, только относительно новго блока )) надеюсь разберусь, чтоб в первоначальном варианте отображался блок top сверху полностью))

Sign In

как сделать

Question

sc@r@bey

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

s0rr0w

Link to comment

Share on other sites

sc@r@bey

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

sc@r@bey

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

sc@r@bey

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information