首页 > iphone光标显示的兼容性问题

iphone光标显示的兼容性问题

iphone的光标兼容性;页面头部设置position:fixed ;z-index:9999,主体设为position:relative;z-index:10;主体内容的填写框获得了高亮的光标后,当页面滚动到头部,主体的内容在头部下面,但是光标依然在头部上面,该怎么处理这个兼容问题呢?在安卓手机下是正常的。我试过将头部的z-index设置得很大很大,都没有用。


这是由于光标焦点没有失去引起的,还有就是在iOS上尽量少用position:fixed定位,尤其是对于iOS 6及其以下。
下面提供一种解决方案,但是不知道是否满足你的要求:
因为页面滚动可以看做另外一个操作,所以可以在滚动操作的时候将焦点失去。
具体是,捕获滚动事件,使用一个隐藏的input获得焦点。

顺便多说一下,在移动端使用html5编写页面,对于输入框会引入很多的问题,很多时候需要用到隐藏的input来处理焦点的问题。

还有一种方案,没有尝试过。但是在实际过程中遇到过由于position:fixed引起各种奇怪的问题。
可以试试css3的transfrom:translate(0,0,0),作用在头部和主体内容层。
这种方案,你可以试一下。如果也可解决,最好在留言中说明一下,也让别人少走一些弯路。

祝你好运!

【热门文章】
【热门文章】