jquery - 在 iframe 中设置 HTML 页面样式的问题(在 Chrome 和 IE 中)

标签 jquery html css

我正在将一个 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/

相关文章:

html - 将内容放在 block 中

Javascript document.write 循环问题

php - 标题和退出()导致无响应的表单提交

javascript - 在 KineticJS 中沿着光标路径绘制线条

带有 strip 和悬停的 Jquery 数据表

javascript - 如果页面 URL 包含查询,请执行某些操作

css - 仅在 Firefox 中图像有奇怪的色调

javascript - 使用 CSS、JavaScript 或 JQuery 在 Android/iOS 设备上放大网页?

javascript - 如何通过单击按钮在多个 div 中应用水平滚动?

jquery - jquery通过属性获取元素