html - 绝对位置在黑莓移动应用程序中不起作用

Question

我固定了绝对位置以全屏显示我的图像。但是在 Blackberry 中，图像没有完全显示出来，它被剪切了。即它出现在页面的一半...这是 ios、Windows 和 android 的通用代码。此代码在除 blackberry 之外的所有 3 个平台上工作正常。如果我删除position:absolute它在黑莓中工作正常但它会影响其他 3 个平台。即在其他 3 个平台中剪切的图像...这是我的代码..

HTML:

  <div class="imageBg" id="">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <span>Block a</span>
      <div>
      <div class="ui-block-b">
        <span>Block b</span>
      <div>
   </div>

CSS:

.imageBg    {background: url(../images/texture_bg.png) repeat;width:100%;position: absolute;height:100%;}

如果有任何其他方法可以将我的图像显示到页面的全屏......

Answer 1

问题在于高度而不是位置和所有。只需将高度替换为最小高度。它会起作用。

CSS:

.imageBg    {background: url(../images/texture_bg.png) repeat;width:100%;position: absolute;min-height:100%;}