在IE中单击无法访问带有z-index的文本输入 [英] Text input with z-index inaccessible by click in IE

问题描述

我有一个无边界的文本输入和一个悬停在其他图形上方的图像输入。您可以在这里看到它： http://www.wwmlaw.dreamhosters.com/index.php

I have a borderless text input and an image input hovering above other graphics. You can see it here: http://www.wwmlaw.dreamhosters.com/index.php

您可以在IE6和IE8中使用制表符输入文本，然后它会接受输入，但是单击它不会为您提供光标。

You can tab into the text input in IE6 and IE8 and it will accept input then but clicking in it does not give you a cursor. All other browsers tested do fine.

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;
}

有什么想法吗？

推荐答案

基于此问题

Input boxes with transparent background are not clickable in IE8

我添加了仅限IE的背景图片：

I added an IE only background image:

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

包含

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

此问题已解决。

JG

这篇关于在IE中单击无法访问带有z-index的文本输入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！