Ввод текста с z-индексом, недоступным по клику в IE - PullRequest
2 голосов
/ 16 марта 2011

У меня есть ввод текста без полей и ввод изображения, зависший над другой графикой. Вы можете увидеть это здесь: http://www.wwmlaw.dreamhosters.com/index.php

Вы можете ввести текстовый ввод в IE6 и IE8, и тогда он примет ввод, но нажатие на него не даст вам курсор. Все остальные протестированные браузеры работают нормально.

CSS выглядит так:

#homeSearchForm {
    position:absolute;
    z-index:1000;
}

#homeSearch {
    position:absolute;
    z-index:1000;
    width:230px;
    height:20px;
    border:none;
    top:16px;
    _top:14px;
    left:676px;
    _left:730px;
    border:none;
    background:none;
    color:#FFF;
}

#homeSearchButton {
    position:absolute;
    z-index:1000;
    width:55px;
    height:20px;
    border:none;
    top:17px;
    _top:15px;
    left:600px;
    _left:655px;
}

Есть мысли?

Ответы [ 2 ]

1 голос
/ 23 декабря 2011

Была похожая проблема -> текстовое поле IE8 не было редактируемым (когда обертка моего приложения имеет позицию: абсолютная). Клик работал только на границе. Заполненный цветом и прозрачный тоже не работал С этим изменением типа документа проблема устранена.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Источник: http://www.codingforums.com/showthread.php?p=1173375#post1173375

1 голос
/ 16 марта 2011

На основании этого вопроса

Поля ввода с прозрачным фоном не активируются в IE8

Я добавил фоновое изображение только для IE:

<!--[if IE]>
<link href="css/IE.css" rel="stylesheet" type="text/css" />
<![endif]-->

1010 *, содержащий *

background-image:url(../g/spacer.gif); 

Это решило проблему.

JG

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