Html 图像背后隐藏的输入

Html 图像背后隐藏的输入,html,css,Html,Css,所以我不得不在很短的时间内创建这个启动页面。它将完成所有图像。。等等(我知道这是废话。但需要提高,seo并不重要) 问题是输入被“绝对”放置在图像上方,而在IE(当然是IE!!)中,表单输入是不可点击的 链接:savemoneytampa.com html: 您查看过CSS吗?将表单的z-index设置为2 form { position: absolute; z-index: 2} 编辑: 好的,这不是关于z-index。IE对具有透明背景的字段有问题。它们变得部分不可点击(只有带有文本的

所以我不得不在很短的时间内创建这个启动页面。它将完成所有图像。。等等(我知道这是废话。但需要提高,seo并不重要)

问题是输入被“绝对”放置在图像上方,而在IE(当然是IE!!)中,表单输入是不可点击的

链接:savemoneytampa.com

html:


您查看过CSS吗?

将表单的
z-index
设置为
2

 form { position: absolute; z-index: 2}
编辑:

好的,这不是关于
z-index
。IE对具有透明背景的字段有问题。它们变得部分不可点击(只有带有文本的一侧可点击)

要修复它,请使用此

input { border: none; background-color: transparent; background-image: url('.'); width: 145px; height: 22px; font-size: 18px; z-index: 999; }

添加的部分是
背景图像:url('.')

是的,我已经在用z-index了。我有z指数:1;在图像和z-索引上:999在输入上。这解决了问题:)
 form { position: absolute; z-index: 2}
input { border: none; background-color: transparent; background-image: url('.'); width: 145px; height: 22px; font-size: 18px; z-index: 999; }