绝对位置不适用于黑莓手机应用程序

时间:2013-02-04 12:24:43

标签: html5 css3 jquery-mobile blackberry mobile-application

我固定位置绝对值以全屏显示我的图像。但是在Blackberry中,图像还没有完全被切割。它正在到达页面的一半...这是ios,Windows和& amp; android.this代码在除blackberry之外的所有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%;}

如果有任何其他方法可以将我的图像显示为整个屏幕..

2 个答案:

答案 0 :(得分:1)

问题在于高度不是位置而是全部。只需用最小高度替换高度。它会工作。

CSS:

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

答案 1 :(得分:0)

你在尝试这个操作系统? 我从痛苦的经历中知道,在OS5上的位置:固定和位置:绝对可以有时髦的结果。 这是因为OS5没有在其浏览器中使用WebKit引擎。

我会认真考虑尝试为黑莓使用一些自定义CSS(特别是如果它是OS5)。