IE 上的 CSS 和 .load() jquery 的问题答案

【问题标题】：Problem with CSS and .load() jquery on IEIE 上的 CSS 和 .load() jquery 的问题
【发布时间】：2011-09-19 04:48:08
【问题描述】：

IE（7 和 8）是否存在 jquery .load() 无法正常运行的已知问题？我的 CSS 没有加载到页面上。这是我的代码：

这是正在加载的文件（show_profile.php）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" script="text/css" href="profile.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>

<div id="tabs"><div id="cd" class="tab_active">Contact Details</div>
</div>
</body>
</html>

这是profile.css的代码

#tabs {
color:white;
font-family:Verdana;
font-size:14px;
}

#cd{
position:absolute;
left:0px;
top:0px;
background-color:#3172A6;
}
.tab {
position:absolute;
top:0px;
}
.tab_active {
position:absolute;
top:0px;
}

在独立查看文件 show_profile.php 时，包括 CSS 在内的一切都很好，但是当我使用 .load() 时它只是不会工作

请帮忙:(

【问题讨论】：

你将它加载到什么地方？现有元素？也许你应该使用load('show_profile.php body')，然后单独加载CSS。
感谢您回复亚历克斯。 load('show_profile.php body') 现在似乎根本没有加载任何东西。
@alex 问题是，我的代码与 google chrome 和 firefox 完美配合

标签： jquery css internet-explorer load

【解决方案1】：

css 来自主文档的标题，而不是您正在加载的任何内容。您可以使用 load(0 在要加载的页面上使用内联样式，也可以在加载它的文档中的某些 css（或使用样式标签）中指定样式。

【讨论】：

感谢您的回答。内联样式有效，但即使我将 profile.css 的内容转移到正在加载 show_profile.php 的文件的标题部分，它似乎也没有任何效果：|
@AR 和我的代码与其他浏览器完美配合，所以有什么办法可以用 IE 解决这个问题？谢谢
看看这里stackoverflow.com/questions/5186638/… - 也许附加css链接确实会飞，不确定。还可以在这里查看第二个分析器：stackoverflow.com/questions/805384/… 我对使用 (load) 加载的页面使用内联样式，并且我没有任何标题或正文或 html 标记，只有 div 和东西。
我在发布这个问题之前尝试过。但这并没有帮助:(无论如何，我真的很感谢你的帮助。

【解决方案2】：

提供的答案完全正确。问题是因为您有一个页面（称为 A.php）正在加载此页面（B.php），而您想要的样式表仅在 B.php 中列出。这适用于其他浏览器，因为它们对 DOM 中允许的内容更为宽松。 IE 对其做什么和不做什么非常严格。答案是在 A.php 中包含 <link rel="stylesheet" script="text/css" href="profile.css" />

【讨论】：

【解决方案3】：

link 元素没有 script 属性 - 它应该是 type="text/css"。

【讨论】：