Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Элементы формы перекрывают отображаются поверх слоя. Как исправить? / 6 сообщений из 6, страница 1 из 1
11.02.2008, 10:57
    #35123447
I_Work
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Элементы формы перекрывают отображаются поверх слоя. Как исправить?
Столкнулся с такой проблемой - в IE некоторые элементы форм (в частности, SELECT) отрисовываются поверх слоя. Не помогают ни z-index, ни относительное расположение элементов HTML-кода...
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="style.css" type="text/css" rel="stylesheet">
</head>

<body>
<select>
</select>
<div style="width: 100px; height: 100px; border: 1px solid #000; background: #FF0; position: absolute; top: 0; left: 0;"></div>
</body>
</html>
Помогите, пожалуйста, расположить слой поверх вообще всего.
...
Рейтинг: 0 / 0
11.02.2008, 11:46
    #35123612
SkyLight
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Элементы формы перекрывают отображаются поверх слоя. Как исправить?
Просто так SELECT DIV'ом не перекроешь. SELECT можно перекрыть только другим оконным элементом, таким как IFRAME. Или скрывать.
...
Рейтинг: 0 / 0
11.02.2008, 19:46
    #35125294
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Элементы формы перекрывают отображаются поверх слоя. Как исправить?
I_WorkСтолкнулся с такой проблемой - в IE некоторые элементы форм (в частности, SELECT)

Это касается исключительно SELECT и исправлено в IE7
...
Рейтинг: 0 / 0
12.02.2008, 10:48
    #35126037
I_Work
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Элементы формы перекрывают отображаются поверх слоя. Как исправить?
Действительно, это "особенность" IE6. Однако, пользователей IE6 достаточно много, и бороться с этим надо.

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

Пока решил проблему таким образом: если в области, где должен показаться этот слой, есть SELECT, то он делается невидимым (либо visibility = 'hidden', либо display = 'none'), когда слой исчезает, селект снова отображается.

Если есть какие другие идеи - интересно узнать. Особо остро эта проблема возникает со всплывающими подсказками.
...
Рейтинг: 0 / 0
12.02.2008, 20:44
    #35128285
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Элементы формы перекрывают отображаются поверх слоя. Как исправить?
Ну вобщем, от SELECT я ушел уже давно. В частности из-за перекрывания. Но не только.
Еще SELECT "помогает" искать в списке, но только по первой букве, а мне нужет инкрементный поиск. Кроме того SELECT отображается как combobox во всех реальных браузерах.
Но это не определено в спецификации HTML. Наоборот, в специфкации приведна картинка
SELECT в видее иерархческого меню.

Поэтому SELECT - вернее combobox - я реализую элементами DIV + INPUT text + JavaScript.

В библиотеке YUI есть реализация красивых выпадающих списков в разделе menu.
...
Рейтинг: 0 / 0
13.02.2008, 03:52
    #35128655
I_Work
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Элементы формы перекрывают отображаются поверх слоя. Как исправить?
Спасибо за ссылку!
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Элементы формы перекрывают отображаются поверх слоя. Как исправить? / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]