0

我在 IE7/8 上使用 CSS3 PIE 作为圆角和渐变背景作为锚按钮。在 IE8 上，PIE 仅适用于圆角，但渐变色不会出现，只有带有 1px 圆角边框的按钮正在渲染。只有当我在模态中使用这个按钮时，我才会面临这个问题。 

a.button {
    border: 1px solid #238cbf;
    cursor: pointer;
    background-color: #3a98c4;
    background-image: -webkit-gradient(linear, top, bottom, from(#3a98c4), to(#047ab8));

    background-image: -webkit-linear-gradient( top, #3a98c4, #047ab8); 
    background-image:    -moz-linear-gradient( top, #3a98c4, #047ab8);
    background-image:     -ms-linear-gradient( top, #3a98c4, #047ab8); 

    border-radius: 4px; /* Opera 10.5,
    box-shadow: 0 1px 1px #444; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
    color: #fff;
    font-size: 12px;
    display: inline-block;

}

a.button {
    -pie-background: linear-gradient(#3a98c4, #047ab8); 
    -ms-behavior: url(/pie/PIE.htc);
}

我尝试应用 position:relative 和 z-index 但没有任何帮助。

4

1 回答 1

0 
-ms-behavior: url(/pie/PIE.htc);

以上是错误的。

不如试试下面。 

behavior: url(/pie/PIE.htc);

将其a.button与其他属性一起添加。

如果问题仍然存在，请查看此答案。

这可能会有所帮助。

于 2013-08-12T13:19:26.857 回答