LINUX.ORG.RU

[CSS] z-index не работает.


0

0

Есть два элемента, которые перекрываются. Нужно, чтобы content перекрыл tri, а не наоборот. Но z-index не дает никакого эффекта. Проверялось в вебките и ФФ. Что посоветуете?

<div>
  <div class="tri">
  </div>
  <div class="content">
    some text
  </div>
</div>
	.tri {
		z-index: 0;
		position: absolute;
		width: 20px;
		height: 20px;
		background-color: brown;
		
	}
	.content {
		z-index: 2;
		background-color: red;
		margin-left: 10px;
	}
★★

дык

у класса .content проставь position: absolute;

kant ()
Ответ на: дык от kant

Это понятно. Но мне не нужно, чтобы у content был такой атрибут. Верней, нужно, чтобы его там не было.

troorl ★★ ()
Ответ на: комментарий от troorl

position:relative
для content, если absolute не устраивает. position нужно обязательно указывать отличную от дефолтной, иначе z-index не работает

nu11 ★★★★★ ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.