я пытаюсь стилизовать div с box-shadow и градиентом перекрестного просмотра.Я использую sass & compass.So, поэтому я пытаюсь реализовать миксины, которые помогут мне создать этот эффект и использовать его везде, где я хочу.К сожалению, показан только градиент.мой div:
<div class="container" id="logo-bar">
......
</div>
мой код scss:
@mixin ie-linear-gradient($start-color, $end-color) {
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='# {$start-color}', endColorstr='#{$end-color}');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$start-color}', endColorstr='#{$end-color}')";
}
@mixin ie-box-shadow ($color, $direction, $strength) {
filter: progid:DXImageTransform.Microsoft.shadow(color='#{$color}', Direction=#{$direction}, Strength=#{$strength});
-ms-filter: "progid:DXImageTransform.Microsoft.shadow(color='#{$color}', Direction=#{$direction}, Strength=#{$strength})";
}
#logo-bar {
padding:5px 0;
border-bottom: 1px solid #c0c0c0;
@include single-box-shadow(#e0e0e0,0px,1px,2px,false,false);
@include ie-box-shadow(#e0e0e0,90,2);
background: #fefefe;
@include background-image(linear-gradient(top, #fefefe, #E6E6E6));
@include ie-linear-gradient(#fefefe, #E6E6E6);
min-height:1px; /* for IE 7 to show gradient */
}