internet-explorer-8 - 如何在 IE8 中实现 box-shadow 效果 - 怪癖模式

Question

这可能只是一个不可能的问题，但我想试一试：那我怎样才能在qirks 模式下产生box-shadow类似的效果。IE8（不要问我为什么，但我们没有使用DOCTYPEs）。

我已经尝试过PIE，这对我来说不是一个选择。

Answer 1

您可以直接编写过滤器语句，而不是让 PIE 自动为您生成一个。

http://msdn.microsoft.com/en-us/library/ms533086(v=vs.85).aspx

Answer 2

根据您想要的盒子阴影类型，您可以使用 :after 伪选择器直接在元素下方伪造一个简单的盒子阴影效果。诚然，您可能仍然需要使用背景图像来制作阴影效果，但至少它会将背景图像与主要元素的背景图像分开，并使更新变得不那么繁琐。

编辑：虽然如果它是怪癖模式，那可能不起作用：-/

所以它可能是这样的：

myelement {
    position: relative;
    ...
}

myelement:after {
    display: block;
    width: XXpx;
    height: 5px;
    position: absolute; 
    top: 100%;
    left: 0;
    content: '';
    background: ...
}