Z-индекс не будет работать - PullRequest
Новая
       6

Z-индекс не будет работать

3 голосов
/ 02 февраля 2012

Возможные дубликаты:
Проблема css z-index

У меня проблема, когда одно изображение находится напротив другого иz-index, похоже, не меняет его.Я пытаюсь сделать так, чтобы логотип был поверх изображения серых полос.

http://jsfiddle.net/vzPUw/

Может кто-нибудь объяснить мне, почему это не работает?

Ответы [ 3 ]

6 голосов
/ 02 февраля 2012

z-index работает только с position : relative/absolute/fixed, поэтому присвойте position:relative логотипу .

http://jsfiddle.net/vzPUw/1/

Обновлено

http://jsfiddle.net/vzPUw/3/

В этом я изменил разметку, потому что мы никогда не помещаем элемент block внутри элемента inline. <a> является элементом inline, а h1 является элементом block.

1 голос
/ 02 февраля 2012

z-index:0; не подходит для использования. Вы должны использовать 1 как минимум. 1 - основание окна. 0 технически под окном.

Вам просто нужно вызвать правильный элемент (якорь, а не изображение внутри него), поскольку якорь является контейнером. Тогда это вопрос маржи и позиции для размещения.

jsFiddle Here

0 голосов
/ 02 февраля 2012

смотрите здесь, у меня есть изменения здесь ... -Удалите тег img для изображения бара и поместите фон тега заголовка .. :) - здесь я думаю, что вам не нужно свойство позиции и z-index .. :) 

<html>
<head>
    <title>Ankur Patel</title>
</head>
<body style="width: 100%">
<header style="background-image: url('http://dl.dropbox.com/u/14080718/Final/images/bars.gif');background-repeat: repeat-x;">

    <a>
        <img alt="" src="http://dl.dropbox.com/u/14080718/Final/images/rocketdesign.png">
    </a>
    </header>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...