Question

好吧，今天下午我一直在绞尽脑汁，没有取得任何进展。我试图做一个简单的背景位置改变，我做了几百次，但它今天不适合我。这是我的相关代码：

<div class="social_icon" style="background-image: url(http://img.deusm.com/lightreading/facebook_icon.gif);">
    <img src="http://img.deusm.com/images/spacer.gif" width="16" height="16" style="border: none; padding: 0; margin: 0;">
</div>

我的CSS

div.social_icon {
float: left; 
width: 16px; 
height: 16px;
padding: 0;
background-position: top left;
}
div.social_icon:hover {
background-position: bottom left;
}

我也有一个doctype设置。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

我将非常感谢任何解释，以便我能更好地了解正在发生的事情......呃......没有发生。

让我澄清一下我的问题：

我期待div.social_icon在用户将鼠标悬停在元素上时将其背景位置移动。此时，在Quirks模式下悬停时背景位置不会改变。我该如何解决这个问题？

Answer 1

将它放在代码的顶部，它应该对其进行排序，但请确保删除当前的Doctype

<!DOCTYPE html>

然后它应该工作

IE Quirks Mode和CSS：悬停问题

1 个答案: