0

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

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

作为旁注

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

4

2 回答 2

2

主要问题 - 您需要在过滤器内使用完整的 6 个字符的 HEX 值 - 即 #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
}
于 2011-05-10T18:56:54.223 回答
1

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

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

于 2011-05-10T18:18:15.897 回答