10564px x 80px の多くのアイコンのスプライトがあります。アイコンは水平方向に配置されます。
IE10 を除く他のすべてのブラウザーでは、関連する位置を適用する特定の CSS を持つタグの背景画像として使用されると、アイコン/画像が表示されます。
IE10 で表示するとまったく表示されず、実際に IE10 で URL から直接 png ファイルを表示しようとしても表示されません。
何か案は?
10564px x 80px の多くのアイコンのスプライトがあります。アイコンは水平方向に配置されます。
IE10 を除く他のすべてのブラウザーでは、関連する位置を適用する特定の CSS を持つタグの背景画像として使用されると、アイコン/画像が表示されます。
IE10 で表示するとまったく表示されず、実際に IE10 で URL から直接 png ファイルを表示しようとしても表示されません。
何か案は?
広範なテストの結果、これは PNG キャンバスと IE10 の幅の制限であることが判明しました。
PNG 画像は機能し、幅 8000 ピクセルまでは表示できますが、それ以上は表示されません。その後はレンダリングされません。
さらにテストした後、それらが透過的であるかどうかに関連しています。透過性のある PNG はまったく表示されませんが、透過性のない画像は黒いブロック (キャンバス) として表示されます。
MSがこれを修正するかどうかはまだわかりません...私たちは希望に生きています!
私たちにとっての修正は、スプライトの幅を 8000px に減らし、2 行以上のアイコン/画像を適切な間隔で配置することです。