Question

我正在尝试使用SASS：

将以下插入阴影应用于某些按钮

    @mixin innerShadow {
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .45);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .45);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .45); 
}

.button {
    display: inline-block;
    @include roundedCorners(5px);
    @include innerShadow;
    padding: 0.45em 1.5em 0.5em;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    &:active {
        position: relative;
        top: -1px;
    }
}

它在Firefox，Safari，Opera和Chrome中运行良好，但在IE9中阴影根本不显示。它也不能用于外框阴影，也不能用十六进制代码而不是RGBA定义颜色。

这不是一个紧迫的问题，因为没有它，按钮看起来很好，但我想知道是否有人知道为什么会发生这种情况。我已经检查过我有一个有效的doctype，并且页面上没有包含border-collapse的元素。

感谢。

Answer 1

最好使用指南针来处理CSS3，因为你不必编写供应商前缀。你可以在这里试试http://compass-style.org/examples/compass/css3/box_shadow/

我已经在IE9中使用“a”标签尝试了你的css，对我而言，它有效。

所以你的box-shadow CSS工作，问题可能在你的HTML中。

插入框阴影在IE9中不起作用

1 个答案: