CompassでIE7,8,9に対応したボタンを作る

@import "compass";

$use-ie-filter : true;
$experimental-support-for-svg: true;

%btnBase{
	@include inline-block;
	@include box-shadow(rgba(255,255,255,.75) 0 0 1px inset);
	@include border-radius(20px);
	line-height: 29px;
	padding: 1px 20px 0;
	font-size: 13px;
	-webkit-appearance: none;
	
	&:active{
		@include box-shadow(rgba(0,0,0,.15) 0 1px 3px inset);
	}
}

.md-btnAttention{
	@extend %btnBase;
	@if $legacy-support-for-ie{
		@include filter-gradient(#f2ad39, #ed830f); // IE7,8用にfilterでグラデを描画する
	}
	&:not(:target){
		filter: none¥9; // IE9はfilterが角丸からはみ出すので無効にする
	}
	@include background-image(linear-gradient(#f2ad39, #ed830f));
	border-top: 1px solid #d78f32;
	border-bottom: 1px solid #d36d0d;
	border-left: 1px solid #d78123;
	border-right: 1px solid #d78123;
	color: #fff !important;
	text-shadow: 0 -1px 0 #cc5822;
}

Sample