Баг с абсолютным позиционированием в IE6

При использовании IE, вы не можете положить абсолютно позиционируемым div над выберите элемент input. Потому что выбрать элемент считается объект ActiveX и вверху на каждой HTML-элемента страницы.

я уже видел людей, прячущихся выбирает, когда открытие всплывающего div, что приводит к довольно плохо пользователей, имеющих опыт управления исчезают.

FogBugz на самом деле было довольно умное решение (перед v6), превращая каждый выберите в текстовых полях, когда всплывающий экран. Это Исправлена ошибка, и обманом глаз пользователя, но поведение не был совершенным.

Еще одно решение заключается в FogBugz 6, где они больше не использовать элемент select и перекодировать его повсюду.

Последнее решение, которое я в настоящее время используют испортить механизм визуализации IE и силы на то, чтобы оказать абсолютно позиционируемым div как ActiveX элемента, обеспечивая она может жить больше выберите элемент. Это достигается путем размещения невидимый iframe внутри div и стиль:

#MyDiv iframe
{
    position: absolute;
    z-index: -1;
    filter: mask();
    border: 0;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 9999px;
    height: 9999px;
    overflow: hidden;
}

Кто-нибудь имеет даже лучше, чем этот ?

РЕДАКТИРОВАТЬ: цель этого вопроса-это как познавательная, так как это реальный вопрос. Я считаю, iframe трюк, чтобы быть хорошим решением, но я все еще ищу улучшения, такие как : удаление этой уродливые бесполезно тег iframe, которые ухудшают качество доступность.

Найдено 12 ответов:

Solve the select overlap bug in IE6

http://stackoverflow.com/questions/7937/solve-the-select-overlap-bug-in-ie6

Посмотреть решение →