0

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

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

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

请注意:z-index 似乎不是问题,并且是预防性的,我一直保持在高位..

任何人都可以帮助..

谢谢你..

4

1 回答 1

0

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

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

或者,您可以将<input> 放置在a或其他块元素中并为其提供<div>背景图像,但不要放在<img>.

于 2012-07-04T03:03:36.590 回答