我正在处理一个Web应用程序脚本，我有一个奇怪的行为，当我创建一个搜索表单并点击它时，它会产生一个css边框arround图像我在底部。我检查了谷歌Chrome检查元素，我发现它看起来像一个z指数问题与div的绝对位置。我试图让名为tabbar的id中的所有div都是相对的，但它不起作用。 http://www.itabbar.com/itabbar/demo.html#search 只能在桌面浏览器上使用Chrome或Safari进行测试。
要测试它，只需点击搜索表单，您就会看到底部的所有图像/图标都带有新边框。如果您使用Chrome或firebug检查元素并取消标记tabbar z-index边框desapear。但是在Iphone或Android上，我必须给它一个z-index为100，因为tabbar将是不可见的或最后一层。