IE 6.0 z-index проблема - PullRequest
Новая
       54

IE 6.0 z-index проблема

0 голосов
/ 21 мая 2009

Я столкнулся с проблемой со свойством Z-index CSS в IE 6.0

HTML 

<div id="banner"></div>

CSS 

#banner{
  background:url(pix/banner.PNG) top no-repeat;
  z-index = -1;
}

URL: http://www.whizlabs.com/examprep/

В IE 6.0 он показывает линию на лбу девушки, показывающую на баннере вверху страницы В других браузерах строка не идет. Как я могу решить эту проблему?

Пожалуйста, помогите мне.

Спасибо Девеш М

Ответы [ 5 ]

2 голосов
/ 21 мая 2009

Нет никакой причины разбивать девушку на отдельные образы.

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

#banner{
    background:url(pix/girl.PNG) top no-repeat; /* where girl is the whole girl */
    position:relative;
    top:0;
    right:150px;
}

Затем убедитесь, что он находится под заголовком div

1 голос
/ 21 мая 2009

Z-индекс не влияет на статически расположенные элементы, поэтому вам нужно установить для свойства css position что-то другое, например relative, но я не думаю, что вам следует использовать z-index случай.

Для быстрого исправления вы можете попробовать что-то вроде этого: 

   * html #banner { margin-top: -1px; }

Этот трюк относится только к MSIE6.

0 голосов
/ 22 мая 2009

z-index работает только с позиционированными элементами.

Кроме того, вы можете поменять местами только те глубины, которые содержатся в одном и том же элементе - вложенные элементы (один внутри другого) не могут выпрыгнуть из их вложенности!

0 голосов
/ 21 мая 2009

Также с Z-Index убедитесь, что используются числа, начинающиеся с 1.

Если у вас возникли проблемы с элементом, попробуйте присвоить ему свойство Position, а также дать его родителю Position и Z-Index.

0 голосов
/ 21 мая 2009

Попробуйте поставить разметку строки перед разметкой девушки, и поместите обе, используя css. У меня это обычно срабатывало в подобных случаях.

...