したがって、私のページには、jQuery によって変更された選択メニューがあります。簡単に言うと、jQuery はスタイル属性を受け取り、それらをリストに追加します。PHP 経由で生成される背景画像を除いて、すべて正常に動作します。Chrome では見栄えがよく、すべてが表示されますが、IE/Safari では画像が表示されません。background-image:none; として表示されます。
ページはこちら:
http://stickeraddicts.com/index.php?_a=レタリングツール
そして、それは私のホームページのgifのように見えるはずです. 繰り返しますが、Chrome では完璧です。問題は主にIEです。
とにかく、これはリスト項目の HTML です
<option style="background-image:url(/letteringtool/fontpreview.php?txt=Alba%20Super&color=ffffff&font=/fonts/alba.ttf&width=200&height=25&padding=10);text-indent:-9999px;" value="alba">Alba Super</option>
そして、これがそれに影響するjQueryです（jQtransform内）
var oLi = $('<li style="border-bottom:1px solid #CCC; background-repeat:no-repeat; background-color: rgb(153, 153, 153); background-image:'+ $(this).css('backgroundImage')+';text-indent:'+$(this).css('text-indent')+';"><a href="#" index="'+ i +'">'+ $(this).html() +'</a></li>');
$ul.append(oLi);