【问题标题】:CSS Filter is stopped by backgroundCSS过滤器被背景停止
【发布时间】:2010-11-18 01:51:17
【问题描述】:

好吧,假设我有这个

.test {
filter:DropShadow(Color=#000000, OffX=1, OffY=1);
}

是的,它工作正常。文本阴影出现在 Internet Explorer 中。但是...如果我像这样为颜色添加背景:

    .test {
    filter:DropShadow(Color=#000000, OffX=1, OffY=1);
    background:#ffffff;
}

你能猜出会发生什么吗?过滤器好用!但是,如果我再次删除背景属性...过滤器(文本阴影)又回来了!

帮助?

【问题讨论】:

    标签: css internet-explorer filter background


    【解决方案1】:

    你试过把背景属性放在滤镜之前吗?

    .test {
        background:#000000;
        filter:DropShadow(Color=#000000, OffX=1, OffY=1);
    }
    

    【讨论】:

      【解决方案2】:

      ROFL,刚刚意识到你的背景和阴影颜色是一样的。难道只是你看不出来它出现了吗??

      如果没有,你可能想试试这个。

      .test {
          background:#000000;
          filter:DropShadow(Color=#000000, OffX=1, OffY=1) !important;
      }
      

      【讨论】:

      • 实际上,这不是问题。 !important 目标不起作用。
      • 我能想到的唯一其他东西是 z-index,但我不确定它是否适用于过滤器。
      • 我假设您处于无法使用 css3 投影的情况?如果是这样,我唯一能想到的另一件事就是将其作为图像,在图像编辑器中创建投影并将其放在背景上。这可能不是你想听到的,但这就是我所拥有的。 :-/