境界線半径と背景グラデーションを適用すると<li>
、丸みを帯びた角がぎざぎざで粗く見えます。このjsfiddleでチェックしてください
これはChromeとFFで見られます。グラデーションまたはボーダー半径を削除すると、問題はなくなります。
なぜこれが起こっているのか、どうすれば修正できるのでしょうか?
更新:
Josh F のアイデアに基づいて構築された jQuery ソリューションに取り組んでいます (以下の完全な回答を参照してください)。これは、その背後にある要素の複製コピーを追加する単純な jQuery 関数です。現時点では、スクリプトはターゲット要素の位置を に設定しrelative
ます。(場合によっては、これが問題になることもあります。) 私のコードは jsfiddle here にあります。