2

で IE のみのフィルター ドロップシャドウを使用して<div>いますが、これはその中の入力フィールドとテキストエリア フィールドのキャレット/テキスト カーソル位置に影響します。

HTML:

<div id="box">
    <input type="text"/>   
</div>

CSS:

filter: progid:DXImageTransform.Microsoft.DropShadow(
    OffX=-8, 
    OffY=-8, 
    Color='#00ff0000', 
    Positive='true');

実際の例はhttp://jsfiddle.net/Xg8Lb/2/で見ることができます(バグは IE でのみ表示されます)。

誰にも回避策のアイデアはありますか?

編集: このバグは IE8 と IE9 で明らかです。IE10では試していません。簡単に試してみると、ドロップシャドウが適用されている場合、IE7 ではフィールドに入力することさえできないことがわかりましたが、これは jsfiddle である可能性もあります-わからないので気にしません:)

4

1 に答える 1

2

次のコードを CSS に追加しました。

#box input, #box textarea
{
    position:relative;
}

私の場合、これは問題を修正しました。変更されたフィドルを参照してください: http://jsfiddle.net/keaukraine/XxBsE/

于 2012-08-15T07:01:54.727 に答える