整个页面有头部、视频、聊天信息、输入框组成，当输入框获得焦点时，会被虚拟键盘顶到视频区域，又因为视频在移动端浏览器是强制被置顶的，所以就看不到input了，我想要实现的是：输入框在虚拟键盘的上方，不会被遮盖。请教有什么好的解决方案，兼容性如何？目前类似的好像只有6间房做的还可以，但不知道它是怎么弄的。
定位 用 z-index
正常文档流布局，不要脱离文档流
给input和视频的div都添加position 为releative或者absolute 然后用z-index 试试
整个页面有头部、视频、聊天信息、输入框组成，当输入框获得焦点时，会被虚拟键盘顶到视频区域，又因为视频在移动端浏览器是强制被置顶的，所以就看不到input了，我想要实现的是：输入框在虚拟键盘的上方，不会被遮盖。请教有什么好的解决方案，兼容性如何？目前类似的好像只有6间房做的还可以，但不知道它是怎么弄的。
定位 用 z-index
正常文档流布局，不要脱离文档流
给input和视频的div都添加position 为releative或者absolute 然后用z-index 试试