IE Z-INDEX выпуск

Question

Выпуск : слайд-шоу

Подробности : есть рамка (которая представляет собой прозрачный PNG вокруг слайд-шоу)

ЧтоЯ пытаюсь сделать: Сделать рамку поверх фона изображения и заголовка, но сделать ссылку и навигационные шары поверх png.

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

Проблема решена.

Answer 1

Чтобы сделать точки навигации кликабельными, примените стили:

display:block; position:relative; // to frame

z-index:1001; //to .nivo-controlNav

Чтобы узнать больше ссылку, которую я предлагаю:

1) удалить все свойства z-index, которые применяются к .nivo-caption

2) добавить тень div с z-index: 87 /*(87 for example)*/ под рамкой

Answer 2

Проблема в том, что IE не следует z-indexing изображения, независимо от того, насколько мал или велик z-index, который вы поместили в изображение, IE все равно будет следовать уровню иерархии элементов. Если вы действительно хотите использовать z-индексирование изображения в IE, вы можете обернуть изображение внутри div и поместить z-index в div, это будет следовать за правильным z-индексированием во всех браузерах, включая IE.

// will not follow in IE
<div>first div</div>
<img style="z-index: -1;" src="image.png" />
<div>my div</div>

// will follow in IE
<div>first div</div>
<div style="z-index: -1;"><img src="image.png" /></div>
<div>my div</div>