Блог

Проблема: слайд-шоу

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

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

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

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

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

 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)*/ рамкой ниже

Проблема заключается в том, что IE не выполняет z-индексацию изображения, независимо от того, насколько мал или велик z-индекс, который вы ввели в свое изображение, IE все равно будет следовать уровню иерархии элементов. Если вы действительно хотите использовать z-индексацию изображения в IE, вы можете обернуть изображение внутри div и поместить z-индекс в 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>