парения и старый/новый браузер

Question

Я сделал эффект при опрокидывании с спрайтов, как техника

<a href="#"> 
<img width="240" height="160" src="240x160.jpg" class="…wp-post-image" alt="287" title="287" /> 
</a> 


a{ 
    display:block; 
    overflow: hidden; 
    width:120px; 
    height: 160px; 
} 

a:hover img{ 
    margin-left: -120px; 
} 

это работа, но это лучше, как это (в 1 stric XHTML или html5)?

a img:hover{ 
    margin-left: -120px; 
} 

Answer 1

Лучше использовать свойство background-image вместо фактического изображения, чтобы избежать проблем с браузером.

a{ 
    display:block; 
    overflow:hidden; 
    width:120px; 
    height:160px; 
    background:url(240x160.jpg) no-repeat 0 0; 
} 
a:hover{ 
    background-position:-120px 0; 
}