【css】ie6下使用css sprite 滤镜做透明图片
.service{ /*position:relative;*/ height:96% !important;overflow: hidden;} .pright{ height:40px; text-align:right; margin-top:30px; padding-right:50px; overflow:hidden; } .pright .btn_order{ background:url('../images/order_icon02.png') 0 0 no-repeat; width:170px;margin-top:0px; border:none; height:40px; cursor:pointer;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../js/images/order_icon02.png', sizingMethod='image'); _background-image:none; margin-top:0px; outline:none;} .pright .btn_stop{ background-position:0 -41px;_margin-top:-41px;_margin-bottom:1px;} .pright .btn_order:focus{ border: none; margin-top: 1px;} .layer_center{ width:378px; height:282px; overflow:hidden; background:url(../images/order_icon01.png) 0 -282px no-repeat; _margin-top:-282px;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../js/images/order_icon01.png', sizingMethod='image'); _background-image:none;} .refuse{ _margin-top:0; background-position: 0 0;} .main_btn{ height:282px; width:378px; overflow: hidden;position:absolute; top:50%; left:50%; margin-left:-189px; margin-top:-211px;}
//ie8下选中按钮的时候按钮会向上移动一像素,放开鼠标按钮会向下移动1像素 所以写的 xxx:focus
//ie6下选中按钮,放开鼠标后按钮会向下移动1像素 //_margin-bottom:1px;
//因为ie6下background-image:none;所以background-position不支持 使用margin-top来控制图片的上下移动