css - Internet Explorer で画像一覧が途切れる

Question

先日、1 ページのテンプレートを入手し、IE でのレンダリングを手作業で修正する必要があります。右側の Core Values リストの下にある

弾の画像差し替えあり。Chrome、Firefox、Safari では問題ないように見えますが、もちろん IE ではそうではありません。私の推測では、

? http://www.justicepartyct.org

Answer 1

箇条書きの代わりに使用されている小さな金色の弓の画像は、実際には画面に表示されるよりもかなり大きくなっています。background-size CSSプロパティを使用してサイズを縮小しています。残念ながら、IE8 以下ではサポートされていませんbackground-size。

必要以上に大きいサイズは、Retina ディスプレイで弾丸がシャープに見えるようにするためだと思います。あきらめるなら、次のようにします。

• 次のように、弓の画像のサイズを 17px x 17px に変更します。
• 現在の弓の画像を小さいバージョンに置き換えます
• -webkit-background-size、、-moz-background-sizeおよび background-sizeCSS 宣言をliセレクターから削除します。これはオプションですが、物事をきれいに保つためだけに行うとよいでしょう。