【发布时间】:2016-09-11 08:46:44
【问题描述】:
Internet Explorer(最新版本)中的 iram 无法加载我的 css,而 Chrome、Safari、Firefox 在 iframe 中加载 css 没有问题。
<iframe frameborder="0" scrolling="yes" marginheight="0" marginwidth="0"
src="/webapp/page1/card.html?customization=default"></iframe>
我的样式文件使用以下行正确连接到 iframe 页面:
<link type="text/css" rel="stylesheet" href="/webapp/load-css/BNP/default/css/default.css?loc=1" />
<link type="text/css" rel="stylesheet" href="/webapp/load-css/css/default.css?loc=4" />
这是 iframe 中的完整 html 标头:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" class="flexNav-no-touch">
<head>
<meta name="copyright" content="Atos" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache, must-revalidate" />
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta name="viewport" content="initial-scale=1.0; user-scalable=1;" />
<title>Capture card details page</title>
<link type="text/css" rel="stylesheet" href="/webapp/load-css/BNP/default/css/default.css?loc=1" />
<link type="text/css" rel="stylesheet" href="/webapp/load-css/css/default.css?loc=4" />
【问题讨论】:
-
确保 css 链接正常工作。您可以使用 chrome 网络工具对其进行检查。
-
它工作正常,因为我使用 Chrome 浏览器没有任何问题。
标签: html css internet-explorer iframe