.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 time under the selected button button moves up one pixel, release the mouse button to move down 1 pixel So write xxx: focus
// ie6 the selected button, releasing the mouse button is moved downward one pixel // _ margin-bottom: 1px;
// because the next ie6 background-image: none; background-position it does not support the use of margin-top moves up and down to control the picture
Reproduced in: https: //www.cnblogs.com/positive/p/3897683.html