1

div でグラデーションを実現するためにフィルターを適用しています。要素の内部には、他の要素と重なるはずの別の要素があります。これを行うには、 を使用しますz-index。

これは、IE7 を除くすべての (私がテストしたもの) ブラウザーで機能します。 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3595d0', endColorstr='#004193',GradientType=0 );

/*Close button inside the element with the filter*/
 .close-button {
    position: relative;
    float: right;
    display: inline-block;
    margin: -10px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    z-index: 2000;
}

これは、コードからフィルターを削除すると機能します。IE7 ではフィルターなしで生活できましたが、IE7+ ではいいでしょう。なぜこうなった？回避策はありますか？

編集：フィドルhttp://jsfiddle.net/pethel/HPPh2/5/を参照してください。私の場合、 x は画像です。ここでIE7でフィドルを開くことはできません。理由がわかりません。

4

1 に答える 1

0

ActiveX を使用して IE7 エミュレート haslayout でフィルター処理します。要素を前面に持ってきます。

ボタンにもフィルターを適用してみてください（IE7はもうありません。その動作の良い思い出か悪い思い出かだけです）

http://liveweave.com/x3GVng (IE7 で見ることができるはずです (ただし、編集しようとせず、後のブラウザーを使用してください)

于 2013-07-02T15:21:50.757 に答える