4

私は質問と検索エンジンを掘り下げてきましたが、回答が索引付けされたり見つかったりするのは時期尚早である可能性があります。

とにかく、私が自分のプロジェクトの1つで作業していたとき、突然多くの背景画像が表示されなくなりました。これは、iPadでiOS6にアップグレードした後に発生しました。

例として：

<td style="background-image:url(https://mysite.com/_itemg_ver1.png); background-repeat:repeat-x; height:24px; width:100px;">Some content</td>

すべての背景画像が影響を受けたわけではないので、それはおそらく愚かなことであり、それはそれをさらにいらいらさせるだけです。私は混乱しています。動作するコードの例：

<td style="width:925px; height:44px; background-color:#ffffff; background-image:url(https://mysite.com/ll_corner_ver1.png); background-repeat: no-repeat; background-position:bottom left;">Some content</td>

コードを「同じ」にしようとしましたが、それでも同じ問題が発生します。私は現在、どういうわけか問題になっている画像を調べていますが、それは実際には意味がありません。

よろしくお願いします。

4

3 に答える 3

7

私は自分で問題を打ったため、たくさんのテストを行いました。

この問題は、サイズ、幅、透明度、repeat-x とは何の関係もなく、INTERLACING です。画像を画像エディターに読み込み、インターレースをオフにして保存すると、機能するはずです。

于 2012-09-26T06:04:06.240 に答える
5

テストと学習、そ​​してフォトショップの使用から。

背景画像に使用された png ファイルの使用で見られた問題は、黒くなります。問題があったファイルはすべて、幅 1 ピクセル x 高さ (20 ～ 700 ピクセル) でした。これらのファイルは、透過性をサポートするために、Photoshop 内でもマークされています。

以前のポスターの推奨事項と経験に従って、すべてのサイズの幅がテストされました。しかし、それは私が見ていた問題を解決しませんでした。

それをテストした後、問題のあるすべてのファイルが透過性をサポートするように設定されていることに気付きました (その時点まではそうではありませんでした)。私はそれを無効にしてテストしましたが、すべての違いがありました。

したがって、私が行ったことから、すべてのファイルは以前と同じサイズでしたが、透明度のサポートが無効になっていました。

これは、iOS 6 と png 画像の寸法に関連する問題がないと言っているわけではありませんが、私が見た問題を解決した方法ではありませんでした。

また、これは Safari だけではありませんでした。これは、iOS 6 内の Chrome でも見られました。

于 2012-09-22T13:32:29.533 に答える
3

私もこのイライラする問題を経験しました。

原因は、画像の幅が 10px 以下の repeat-x PNG 背景にあるようです。影響を受ける各画像の幅を少なくとも 50px に増やすと、問題が解決しました。

于 2012-09-21T11:48:42.143 に答える