2

私はこのようなコードを持っています

<div>
  <select>
     <option>Option 1</option>
     <option>Option 2</option>
     <option>Option 3</option>
     <option>Option 4</option>
  <select>
</div>

div には、選択ボックスから見える背景画像があります。私が抱えている問題は、選択要素の背景色を透明に設定できない IE7 にあります。

編集：画像は下向きの矢印のみです。テキストは本物のテキストです。

このCSSを使用しましたが、機能しません

background-color:transparent

理解を深めるためのスクリーンショットを次に示します

ここに画像の説明を入力

4

3 に答える 3

1

これを試しましたか？

.transparent {
  filter: alpha(opacity=0);
  opacity: 0;
}

Web 開発に関して言えば、IE7 は本当にあなたの親友ではありません。うまくいかないことがたくさんあります。

ただし、デフォルトのスタイリングをオーバーライドするために使用できる優れた JavaScript プラグインがいくつかあります。

私は個人的にこれを仕事で使用しています。カスタム ドロップダウンで IE7 をサポートする必要がある場合。

于 2012-10-18T16:29:46.790 に答える
0

画像を使用してテキストを表示しているため、font-size を 0px に設定してみてください。

フォントサイズ:0px

于 2012-10-18T16:30:41.430 に答える
0

死からよみがえりましたが、これに出くわした他の人にとっては役立つかもしれません。

頭の下の最初のものでなければならないこのメタを使用してください

 <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

これはうまくいくはずです。

于 2013-09-27T15:01:23.193 に答える