7

On ios5 the website loads fine and looks correct.

Since ios6 a section of my website that uses a png image as its background begins to render on the iPad but then the background just changes to black for no apparent reason (note all other sections stay the correct color).

code:

<section id="showcase">
    <section class="container">
    <img src="images/usp.jpg" alt="USP Screen" id="screen">

    <h2>title</h2>    

    <p>the text.</p>

    <p>The text.</p>
    </section></section>

CSS:

#showcase           { background: url(../images/showcasebg.png) repeat-x #ededed; height: 600px; position: relative; top: 87px; }
#showcase h2        { float: left; max-width: 422px; font-family: 'Lobster', cursive; font-size: 36px; margin-top: 20px; }
#showcase p         { float: left; max-width: 422px; margin-top: 20px; }
4

9 に答える 9

3

私たちのサイトの 1 つでも、この問題に遭遇しました。iOS6 (Chrome および Safari アプリ) で黒いバーとして表示されるグラデーションに背景の PNG 画像を使用するモバイル サイトがありました。

Web用の画像を次のように再保存することで、簡単に修正しました

  • 幅が10px 以上であること
  • それらを非インターレースPNGとして保存する

これですぐに問題が解決しました。

于 2012-10-08T16:39:02.810 に答える
1

直接の関係かどうかはわかりませんが、昨夜も同様の問題がありました。画像に相対 URL を使用していたところ、iOS6 が画像パスのスペースを %20 ではなく %2520 としてエンコードしていたことがわかりました。シミュレーターのアプリの Web ビューで画像リソースを表示していたため、シミュレーターによって提供されるリソースへのパスにスペースが含まれているため、これは私にとって問題でした。これは、パスにスペースがないデバイスでは問題になりません。

新しいリモート インスペクター (ここで言及: http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers ) は、何が起こっているのかを判断するのに非常に役立ちます。

于 2012-09-25T22:18:24.467 に答える
1

Webサーバーでこれに遭遇しました。解決策は、PNG を 8 ビットの整数精度から 32 ビットに変更することでした。どうやら iOS は 8 ビットを適切に処理できないようです。16ビットについてはわかりません。画像の複雑度が低いため (単純なグラデーション)、Photoshop がこれを自動的に行った可能性があると思います。GIMPで修正するのは簡単でした:Image -> Precision -> 32-bit integer

于 2012-11-22T04:28:09.807 に答える
1

私のimgのサイズを変更するとうまくいくようですが、ズームすると奇妙な問題が発生します...最終的には、画像をjpgとして保存するのが最善の解決策です。

于 2013-02-19T02:04:09.937 に答える
0

私にとってうまくいったことは、すべての人にとって同じではありませんでした：

  • インターレースを削除することで機能したいくつかの画像
  • 一部の画像はインターレースを削除しましたが、透明度も削除する必要があり、これで問題が解決したようです
  • 幅をいじってみましたが、それもそうだとは思いません。

ちょうど私の経験

于 2012-10-06T01:30:21.730 に答える
0

これと同じ.png問題が発生しました。インターレースを削除して再保存すると、問題が解決しました。

于 2012-10-22T12:40:41.460 に答える
0

ここで同様の問題。私のウェブサイト ( http://paulcremoux.com/en/trabajo/ )の作品セクションの下にあるすべてのページには、長い png が含まれています。多くの場合、画像は完成する前に読み込みを停止します。また、ロードしてからクラッシュする場合もあります。(最初は問題なく動作するように見えるかもしれないので、いくつかのページを確認する必要があります。)

iOS6でのみ発生します。

于 2012-09-26T14:57:02.010 に答える
0

iOS6 Safariで同じ問題が発生しました。黒く表示されたリピート x .PNG 背景画像。時間のプレッシャーが大きかったので、.JPG として保存し、レンダリングの問題を解決しました。

于 2012-09-27T10:33:29.437 に答える
0

同様の問題がありました。

PNG を PhotoShop で開いて再保存したところ、問題なく表示されました。カラー プロファイルなどは変更しませんでした。ただ開いて、すべての設定を同じままにして、再度保存したところ、問題ありませんでした。

サイトには多数の PNG 背景がありますが、2 つの特定の PNG のみが正しく表示されませんでした。したがって、特にこれらの2つは、最初に作成されたときにグリッチまたは何かで保存された可能性があると考えています.

知るか。肩をすくめる

于 2012-09-27T01:50:02.483 に答える