2013-02-12 2 views
1

У меня возникли проблемы с работой CSS3Pie. Я прочитал несколько сообщений о SO и Google и по-прежнему не могу заставить их работать.CSS3 Pie не работает с SASS/Compass

Я использую 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, и ничего не работает, возможно, это случай, когда я пропускаю что-то явно очевидное, поэтому, надеюсь, кто-то может заметить что-то, что мне не хватает?

Благодаря

ответ

0

не уверены, но попробуйте поставить вызов PIE после коробчатой ​​тени вызова.

Смежные вопросы