Fatal编程技术网
  • css/
  • IE怪癖模式和CSS：悬停问题

IE怪癖模式和CSS：悬停问题

css internet-explorer

IE怪癖模式和CSS：悬停问题,css,internet-explorer,css-selectors,Css,Internet Explorer,Css Selectors,嗯，今天下午我一直在绞尽脑汁，没有取得任何进展。我正试图做一个简单的背景位置改变，我已经做了100次，但它只是不适合我今天。这是我的相关代码： <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

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

<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>
我也有一套doctype

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
任何解释都将不胜感激，以便我能更好地了解正在发生的事情……呃……没有发生的事情

让我澄清我的问题：

我希望当用户将鼠标悬停在元素上时，div.social_图标的背景位置会移动。此时，背景位置在“怪癖”模式下悬停时不会改变。如何修复此问题？

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

<!DOCTYPE html>
然后在它应该工作之后

IE5.5怪癖模式完全不支持
：在
a
元素之外的任何东西上悬停
。除了使用合适的doctype跳出怪癖模式之外，你什么都做不了。我正在IE7&8怪癖模式下测试。这和5.5有很大的不同吗？一点也不，它们在怪癖模式下的行为都像IE5.5。我应该尝试一个与JQuery相关的解决方案吗？还是简单地归结到doctype？如果你真的必须依赖怪癖模式，你可以。 
<!DOCTYPE html>