IE背景位置错误

时间:2011-12-04 11:11:49

标签: css internet-explorer-8 internet-explorer-7 internet-explorer-9 background-position

这是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; }

0 个答案:

没有答案