Jump to content
  • 0

POSITION: absolute в IE7


ivanweb
 Share

Question

Здравствуйте.

у меня есть блок div в нем естьвыпадающее меню UL li a при наведениии на ссылку выпадает подсписок ul ul li a. У этого списка абсолютное позиционирование.

.topmenu ul li ul {

display: none; position:absolute; top:38px; z-index:200;

}

ниже идет блок в неместь форма jNice в которой для оформления select используется абсолютное позиционирование.

.jNiceSelectWrapper {

WIDTH: 185px; margin:0 0 3px 0; POSITION: relative; HEIGHT: 20px;

}

.jNiceSelectWrapper DIV SPAN {

OVERFLOW: hidden; WIDTH: 149px; background: url(/images/cms/sait/jform/select.gif) no-repeat left top;

POSITION: absolute; color:#333333; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;

height:20px; padding:2px 0 7px 14px;

}

в FF, Opera,Safari, Chrom - работает правильно т.е элементы меню выпадают над формой, перекрывая ее.

в IE7 наоборот!!! т.е элементы меню выпадают ПОД!!! формой, перекрывая ее.

как исправить данную ситуацию??? подскажите полиз

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

Нужно разставить z-index для родительских элементов. Т.к. експлорер 6 и 7 сравнивает не только индекс элементов но и индекс родительских елементов, причем замечено, что родительский он ценит больше. Тоесть для всех блоков в которые вложено выпадающее меню нужно сделать индекс выше чем для всех куда вложена форма.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy