如何在IE8中实现类似阴影的效果 - 怪癖模式

Question

这可能只是一个不可能的问题，但我想尝试一下：那么如何才能在box-shadow qirks模式中获得IE8效果。 （不要问我为什么，但我们没有使用DOCTYPE s。）

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

Answer 1

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

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

Answer 2

根据您想要的盒子阴影类型，您可以使用：after伪选择器在元素正下方伪造一个简单的盒子阴影效果。不可否认，您可能仍然需要使用bg图像作为阴影效果，但至少它会将BG图像与主要元素的BG分开，并且不会更加繁琐地更新。

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

所以它可能是这样的：

myelement {
    position: relative;
    ...
}

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