首页 > 代码库 > 【css】ie6下使用css sprit 滤镜做透明图片

【css】ie6下使用css sprit 滤镜做透明图片

.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=http://www.mamicode.com/‘../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=http://www.mamicode.com/‘../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来控制图片的上下移动