我正在将一个 HTML 文件加载到一个 iframe
中,它有一个链接的 CSS 文件*。这在 Mozilla 中按预期工作,但在根本未应用 CSS 的 IE 和 Chrome 中则不然。我该如何解决这个问题?
*使用 Microsoft Excel 生成
<div id="reportholder" style="width:100%; height:100%;">
<iframe name="framename" style="width:100%;height:100%" id="myframe" src="Areas/askue_akt/App_Data/08022011000000.html"></iframe>
</div>
iframe 中的 html:
<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1251">
<meta name=ProgId content=Excel.Sheet>
<meta name=Generator content="Microsoft Excel 11">
<link id=Main-File rel=Main-File href="../08022011000000.html">
<link rel=File-List href=filelist.xml>
<link rel=Edit-Time-Data href=editdata.mso>
<link rel=Stylesheet href=stylesheet.css>
<style>
<!--table...
最佳答案
首先:Excel 会产生灾难性的 HTML。你很幸运它能起作用。仅凭连微软自己的 IE 都无法应对这一事实,就足以说明它的糟糕程度。因此,您首先应该考虑的是,除了使用 Excel 的 HTML 之外,您是否没有任何其他选择。你可以尝试的是 validate HTML 并更正错误,但是错误的数量可能会非常大。
为了解决样式表的问题,您应该做的一件事是检查服务器是否使用了正确的 MIME 类型。这在 Firefox 中可能是最简单的。直接在浏览器中加载CSS的URL,在菜单工具>页面信息中查看。在“类型:”下,它应该是 text/css
。如果不是,那么您的服务器配置可能有问题。
关于jquery - 在 iframe 中设置 HTML 页面样式的问题(在 Chrome 和 IE 中),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4930194/