1

我无法让 CSS3Pie 正常工作。我已经阅读了关于 SO 和 Google 的几篇文章，但似乎仍然无法正常工作。

我正在使用 SASS 和指南针来编写我的 CSS，所以我将在下面发布 SCSS 和 CSS 输出。

SCSS：

$pie-behavior: url(PIE.htc);
$pie-base-class: pie-element;

#header{
background:#fff;
width:$full-width;
height:100px;
margin:$margin-center;

ul{
    width:600px;
    height:$nav-height - 2px;
    padding:55px 0 0;
    margin:0 0 0 250px;
    li{
        @include inline-block;  
        font-size:$font-size - 2px;
        font-weight:bold;
        padding:20px 10px;
    }

    a{
        color:#282828;
        text-transform:uppercase;

        &:hover{
            color:red;
        }   
    }
}

    #aabw{
        background:url('../images/aabw.jpg') no-repeat;
        height:190px;
        width:110px;
        position:relative;
        z-index: 0;
        float:right;
        margin: 0 270px 0 0;
        @include pie-element(relative);
        @include box-shadow(#BBBBBB 0px -78px 6px);
    }
}

输出的CSS：

#header #aabw {
    background: url("../images/aabw.jpg") no-repeat;
    height: 190px;
    width: 110px;
    position: relative;
    z-index: 0;
    float: right;
    margin: 0 270px 0 0;
    behavior: url(PIE.htc);
    position: relative;
    -webkit-box-shadow: #bbbbbb 0px -78px 6px;
    -moz-box-shadow: #bbbbbb 0px -78px 6px;
    box-shadow: #bbbbbb 0px -78px 6px;
}

我的 PIE.htc 位于房间目录（与我的索引相同的文件夹）中，我正在尝试在本地运行它。我已经关注了 pie.scss 文件，但似乎没有任何效果，这可能是我遗漏了一些非常明显的东西，所以希望有人能够发现我遗漏的东西？

谢谢

4

1 回答 1

0

不确定，但尝试将 PIE 调用放在 box-shadow 调用之后。

于 2013-08-15T02:55:59.567 回答