这是IE中的一个错误。在其他浏览器都很优秀。其中许多尝试过,没有任何效果。
HTML:
<a href="#" class="btn">Онлайн-консультант<i></i></a>
CSS:
.btn { float:left; height:39px; color:#184718; font-size:14px; line-height:35px; text-shadow:1px 1px 0 #d7eb9c; text-decoration:none; padding:0 20px 0 10px; background:url('../img/button.png') 100% 0 no-repeat; margin-left:10px; position:relative; }
.btn > i { width:10px; height:39px; position:absolute; background:url('../img/button.png') 0 0 no-repeat; top:0; left:-10px; }
.btn:hover { background-position:100% -40px; }
.btn:hover > i { background-position:0 -40px; }
.btn:active { background-position:100% -80px; }
.btn:active > i { background-position:0 -80px; }