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