1

画像を全画面表示するために絶対位置を固定しました。しかし、Blackberry では、画像が完全に表示されず、カットされます。つまり、ページの半分が表示されます...これは、ios、Windows、および android の共通コードです。このコードは、blackberry を除く 3 つのプラットフォームすべてで正常に動作します。位置を削除した場合:絶対、blackberry では正常に動作しますが、他の 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

これを試しているのはどのOSですか？私は苦い経験から、OS5 では position:fixed と position:absolute がファンキーな結果になる可能性があることを知っています。これは、OS5 のブラウザーで WebKit エンジンが使用されていなかったためです。

BlackBerry にカスタム CSS を使用することを真剣に検討します (特に OS5 の場合)。

于 2013-02-05T18:57:04.573 に答える