为什么我的绝对定位的 div 不能停留在 IE 的顶层？答案

【问题标题】：Why won't my absolute-positioned div stay at the top level in IE?为什么我的绝对定位的 div 不能停留在 IE 的顶层？
【发布时间】：2011-05-13 00:41:09
【问题描述】：

我在capitalcitysc 有一个测试站点，在标题正上方应该有一个名为 logo.png 的足球俱乐部徽标。在 Firefox 中显示正常，但 IE 和 Chrome 不显示。我没有一种简单的方法来测试 css，因为我使用带有 Firebug 的 Mac 并且我的测试 PC 安装了 IE6 但没有开发人员工具。我尝试过 z-index 并在头文件中移动 div 的位置，但没有运气。有什么建议么？谢谢。

【问题讨论】：

我在wms-clients.com:55 得到Uncaught TypeError: Property '$' of object [object DOMWindow] is not a function，即$(document).ready(function(){
Google Chrome sez：你没有$ 功能！我在调试器中看不到它，所以我假设 jQuery 包含或类似的东西有问题。
我也会调查一下 josh.trow，感谢您的反馈 :)

标签： css css-position html

【解决方案1】：

我认为您实际上遇到了一个 HTML 错误：您缺少徽标的 <a> 标签上的结束 >：

<div id="logo"><a href="http://wms-clients.com/capitalcitysc/"<img src="http://wms-clients.com/capitalcitysc/wp-content/themes/twentyten/images/logo.png" /></a></div>

validation 真正有用的是这样的东西。

【讨论】：

Dang 打败了我@Paul 但是 +1
@pixelbobby：我发现当你距离 10K 还差 50 分时，你真的开始想要快速回答问题了 :) DAMN YOU ATWOOD
谢谢保罗，就是这样。我曾经验证过我正在开发的每个网站，但我已经习惯了。是时候回来了:)
@drew：不客气。是的，当人们说验证毫无意义时，我会想到这样的愚蠢的小错误——它比我更容易发现这些东西。（也就是说，具有代码突出显示的编辑器也可以提供帮助。）