在JQuery Mobile页面上保留页面的一部分（圆形按钮/ PNG）的最佳方法是什么？

Question

在我使用JQuery Mobile的项目中，我希望在屏幕的右下角固定一个圆形PNG按钮（正确处理移动方向更改等），同时显示JQuery Mobile页面内容下。按钮应保持固定在右下角，当滚动下面的内容或JQuery Mobile页面从一个切换到另一个时，不会移动。

在没有JQuery的空白页面上，这个直接的CSS似乎可以工作：

img.roundButton {
  position: absolute !important;
  bottom: 5px;
  right: 5px;
  z-index: 99;
}

以上内容不再适用于页面外的JQuery文档（在页面内部，当页面出现时它会消失，并作为新页面的一部分重新出现 - 而我需要它来保持通过任何过渡和页面（ data-role =＆＃34; page＆＃34;）加载。

我已尝试过数据位置=＆＃34;已修复＆＃34;数据全屏=＆＃34;真＆＃34; （对于img或div data-role =＆＃34;页脚＆＃34;）并且它不起作用 - 此外，在iPhone上，考虑到网址工具栏，将按钮保留在正确的角落位置之上，垂直位置计算错误距离等于移动Safari栏在下降状态下的宽度。

任何建议都将不胜感激。 武

Answer 1

img.roundButton {
position: absolute !important;
...
}

...解决了这个问题。显然是对我的疏忽！谢谢。