internet-explorer-9 - 插入框阴影在 IE9 中不起作用

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 定义颜色，它也不起作用。

这不是一个紧迫的问题，因为没有它按钮看起来很好，但我想知道是否有人知道为什么会发生这种情况。我已检查我的文档类型是否有效，并且页面上没有带边框折叠的元素。

谢谢。

Answer 1

对于 CSS3 内容最好使用 Compass，因为您不必编写供应商前缀。你可以在这里试试http://compass-style.org/examples/compass/css3/box_shadow/

我在 IE9 中用“a”标签试过你的 css，对我来说它有效。

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