让阴影文本在 IE 中工作

Question

在找到类似的问题后，我仍然遇到问题。这是我的 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
        }

在 Google Chrome 中，阴影仅偏移约 2 个像素。这正是我想要的。然而，在 IE 中，阴影非常远（相对于我想要的）并且很粗。我已将 offx 和 offy 设置为 1。为什么这不起作用？我以前从未使用过这种方法，我现在在查看带有我的标题的SO建议时发现了它。

作为旁注

当我问时，有人知道如何让 IE 让我做透明图像吗？我尝试放置半透明图像（带有阴影的按钮），但阴影是深黑色的，看起来质量受到了影响。我会为这个问题奖励积分（如果回答的话）:)

Answer 1

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

附带问题 - 就我个人而言，我发现 Drew Diller 的 belated_png 脚本 是一个快速可靠的解决方案。放入脚本中，并将 png_bg 类应用于您想要具有 Alpha 透明度的任何内容。

PS - 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
}

Answer 2

这里有一些很好的信息供您旁注...另外，请查看底部的“sleight”参考：http://24ways.org/2007/supersleight-transparent-png-in-ie6

至于主要问题，考虑弄乱 .title 的 z-index。我记得几个月前在 IE 中遇到了问题，这是因为 IE 在页面上排序垂直对象的方式。