internet-explorer - DropShadow IE 过滤器字段插入符号位置错误

Question

我在 a 上使用了仅限 IE 的过滤器阴影<div>，但这会影响其中的输入和 textarea 字段的插入符号/文本光标位置。

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 甚至不会让我在应用 dropshadow 时输入字段，但这也可能是 jsfiddle - 不知道，也不在乎 :)

score 2 · Accepted Answer

我已将以下代码添加到 CSS：

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

在我的情况下，这是固定的问题。请参阅修改后的小提琴：http: //jsfiddle.net/keaukraine/XxBsE/

1 回答 1