【问题标题】:box shadow in IE8IE8中的盒子阴影
【发布时间】:2014-03-05 00:33:25
【问题描述】:

我一直在研究一些使用 css3 效果的按钮,例如边框半径、框阴影和线性渐变。对于 IE8 及更低版本,我使用 PIE 来创建所需的效果,但似乎 box-shadow 在不使用 PIE 的情况下可以在 IE8 上工作。 IE8 真的支持 box-shadow 属性吗?

【问题讨论】:

    标签: internet-explorer-8 css


    【解决方案1】:

    根据caniuse.com,box-shadow 不受支持,但它“可以在较旧的 IE 版本中使用非标准的“影子”过滤器进行部分模拟。”因此,如果您使用 -ms-filter 或 filter 作为后备,它将以与 CSS3 box-shadow 声明相似的方式呈现。如果不是这种情况,那么您应该检查您是否正在使用另一个 polyfill 来生成 box-shadow 支持。

    您可以使用IE8's developer tools 准确查看正在识别和渲染的样式。

    【讨论】:

    • 我找到了'' 在 css3 容器内,因此 PIE 必须呈现盒子阴影。我已经将它用于边界半径,因此它使用相同的行为:url(PIE.htc) 参考框阴影。我想如果我想要一个盒子阴影,我必须做一个单独的参考。
    • 根据使用情况,甚至可能不值得使用 PIE 来模拟所有 CSS3 功能。它可能会减慢旧浏览器的速度,从而降低您尝试添加的可用性。通常,首选优雅的后备方法(例如,甚至不要在旧浏览器中渲染框阴影,除非阴影对设计非常非常重要)。
    • 是的,好点。有时只是不值得花时间和精力。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-04-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-09-10
    • 2011-12-28
    相关资源
    最近更新 更多