Question

Internet Explorer（最新版本）中的ifram无法加载我的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" />

Answer 1

尝试添加此

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 
<meta http-equiv="X-UA-Compatible" content="IE=8" >

如果

<!--[if lt IE 9]
< script src = "//html5shiv.googlecode.com/svn/trunk/html5.js" > < /script>
<![endif]-->

在Internet Explorer（IE）

1 个答案: