html - 让阴影文本在 IE 中工作

Question

在SO上找了一个类似的问题，还是有问题。这是我的 CSS:

        .title {
            position:absolute;
            bg-color:#FF0000;
            z-index:10;
            width:100%;
            height:100%;
            font-size:250%;
            color: #FCD116;
            text-shadow: 2px 2px 3px #555;
            filter: dropshadow(color=#555, offx=1, offy=1);
            zoom:1
        }

在谷歌浏览器中，阴影仅偏移了大约 2 个像素。这正是我想要的。然而，在 IE 中，阴影非常远(相对于我想要的)并且很粗。我已经将 offx 和 offy 设置为一个。为什么这不起作用？我以前从未使用过这种方法，我现在是在以我的标题查看关于 SO 的建议时发现的。

作为旁注

虽然我在问，但有人知道如何让IE让我做透明图像吗？我试着放一个半透明的图像(一个带阴影的按钮)，但阴影是深黑色的，它给人的感觉是质量受到了损害。我会给这个问题加分(如果回答的话):)

Answer 1

主要问题 - 您需要在过滤器内使用完整的 6 字符十六进制值 - 即 #555555。

附带问题 - 我个人发现 Drew Diller's belated_png script成为快速可靠的解决方案。放入脚本，然后将 png_bg 类应用于您想要具有 alpha 透明度的任何对象。

附言 - http://jsfiddle.net/peXwY/

.title {
    position:absolute;
    bg-color:#FF0000;
    z-index:10;
    width:100%;
    height:100%;
    font-size:250%;
    color: #FCD116;
    text-shadow: 2px 2px 3px #555;
    Filter: DropShadow(Color=#555555, OffX=2, OffY=2, Positive=1);
    zoom:1
}