1

我固定位置绝对以全屏显示我的图像。但是在黑莓中，图像没有完全显示，它被剪掉了。也就是说，它是页面的一半......这是 ios、Windows 和 android 的通用代码。这个代码在除了黑莓之外的所有 3 个平台上都可以正常工作。如果我删除了位置：绝对它在黑莓中运行良好，但它会影响其他 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%;}

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

4

2 回答 2

1

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

CSS：

.imageBg    {background: url(../images/texture_bg.png) repeat;width:100%;position: absolute;min-height:100%;}
于 2013-02-06T08:08:32.657 回答
0

您正在尝试哪个操作系统？我从痛苦的经历中知道，在 OS5 上 position:fixed 和 position:absolute 会产生奇怪的结果。这是因为 OS5 没有在其浏览器中使用 WebKit 引擎。

我会认真考虑尝试为 BlackBerries 使用一些自定义 CSS（特别是如果它是 OS5）。

于 2013-02-05T18:57:04.573 回答