论坛首页 Web前端技术论坛

Icon font图标丢失,iframe切换路径导致图标丢失 仅在IE8下是如此

浏览 2785 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2014-10-11   最后修改:2014-10-11

有个问题向大家请教下,困扰了我好久
比如说我有一个index.html页面,这个页面中有一个iframe

<html lang="en">
<head>
<meta charset="utf-8">
<title>target跳转</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/iframe.css">
</head>
<body>
     <header>
             <div class="container m-t">
                  <a href="content1.html" target="mainFrame">
                          <i class="fa fa-decision "></i>
                           <span>content1</span>
                   </a>
                     <a href="content2.html" target="mainFrame">
                               <i class="fa fa-message "></i>
                                 <span>content2</span>
                    </a>
                    <a href="content3.html" target="mainFrame">
                                 <i class="fa fa-interaction "></i>
                                 <span>content3</span>
                    </a>
              </div>
        </header>
          <hr />
                <div class="container">
                        <div>
                                   <iframe id="mainFrame" name="mainFrame" src="content1.html" style="overflow:visible;" scrolling="yes" frameborder="no" width="100%" height="100%">
                       </div>
               </div>
</body>
</html>
-------------------------------------------------------------------------------
content1.html的内容如下:
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/iframe.css">
</head>
<body class="m-t">
    <button>11111111111111111
     <i class="fa fa-flow fa-2x"></i>
    </button>
    <button>这个是content1
     <i class="fa fa-document-gl fa-2x"></i>
    </button>
</body>
</html>
--------------------------------------------------------------------------------------
其中content1是默认加载到iframe中的,点击上面的按钮切换到不同的html
每个html中都有图标style.css中是定义的图标文件,我所有的html包括index,content1\2\3都是引用的同一个css,但是为什么在ie8下切换html后所有的图标会消失???????

   发表时间:2014-10-11  
来个大神指点一下啊
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics