文本框位于图像上,在IE8中无法选择

时间:2012-07-04 02:58:47

标签: image for-loop textbox

我需要一个搜索栏的背景图片,类似于fotolia.com。 所以我将图像放在所需的位置,然后相对定位一个文本框,然后在文本框上设置背景:透明,以便通过文本框可以看到图像......

这在FF和chrome中运行良好......可以选择文本框并开始输入..

在IE8中..文本框已存在,但使用鼠标无法选择...但如果您使用TAB按钮,文本框将被选中,我可以输入... 唯一的问题是在IE中,文本框无法选择输入...

请注意:z-index似乎不是问题,而且是预防措施,我保持高位......

任何人都可以提供帮助..

谢谢..

1 个答案:

答案 0 :(得分:0)

您可能不应该放置透明文本框,而是设置文本框的background-image

input[type="text"] { background-image: url(foo.png); }

或者,您可以将<input> 放置在 <div>或其他块元素中,并为其提供背景图片,但不能将放在之上>一个<img>