Html 底部固定div使用android键盘向上推

我在底部有一个固定的div，但在回应视图中，在安卓系统中，它被键盘向上推

const ContactBackgroundImage = styled.div`
  color: white
  padding: 50px
  height: 118px
  position: fixed
  bottom: 0
  left: 0
  right: 2px
  text-align: left
  background-position: top
  background-repeat: no-repeat
  background-image: url('/Images/background.png');
  @media (max-width: 480px) {
    background-position: left top
  }
`;

然后我的div正在渲染这个

<ContactBackgroundImage/>

当应用程序在android手机中处于响应模式时，键盘会向上推动div。我想让潜水艇留在皮艇的底部

---

//我想添加评论，但声誉不够，所以我会将其作为答案发布，如果有错误，则删除

---

您是否尝试过为div设置z索引？可能它与android键盘在同一层，因此会被推。

我不久前也遇到了同样的问题，而不是使用

位置：固定的
使用
位置：绝对的
或
位置：相对的
，并尝试
顶部：100%
位置


const ContactBackgroundImage=styled.div'
颜色：白色
填充：50px
高度：118像素
位置：绝对位置
底部：0
左：0
右：2px
文本对齐：左对齐
背景位置：顶部
背景重复：无重复
背景图像：url（'/Images/background.png'）；
@介质（最大宽度：480px）{
背景位置：左上角
}
`;手机和键盘就是这样工作的。@NikolaLukic位置：固定@那么你是说没有办法修复它？但在ios中，它工作得非常出色。。固定div隐藏在皮艇后面这是一个网页，对吗？@Examath是的。它是在react.js中构建的web应用程序。我只是想在Mobile browner中查看它，我的意思是，只有在android中，div才会被推上Top。设置索引与此无关。键盘把整个div都往上推了……事实上我对你说的z-index有了一个想法。我试图给出我的表单div
z-index:100
和ContactBackgroundImage div
z-index:-1
。。它可以工作，但我的ContactBackgroundImage中的链接不再工作了。如果我给-1 zindex，我的ContactBackgroundImage div只在表单div后面，你能发布它的外观截图吗？在上面添加了相同的图像：（在android手机中，键盘向上推，我已经解决了这个问题。使用了
位置：修复了
，我所做的是，当div的高度低于480px时（意味着当键盘在屏幕上时）我给了div索引-1
z-index:-1
，它就隐藏在上面的div后面
position:fixed
会移动，你能试试position absolute吗？