Question

IE8似乎无法正确呈现本地文件：

考虑这个简单的网页：{* 3}}（下面的html代码）从不透明度的w3c教程中提取。

在本地保存并再次显示：本地文件没有不透明度！

这非常令人讨厌，特别是当人们想要在放置在本地文件中的原型上设计复杂的页面时。

你有解决方案吗？

<html>
  <head>
    <title>IE8 Local File</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="-1" />

    <style type="text/css">
    div.background
      {
      width: 500px;
      height: 250px;
      background: url(http://www.w3schools.com/css/klematis.jpg) repeat;
      border: 2px solid black;
      }
    div.transbox
      {
      width: 400px;
      height: 180px;
      margin: 30px 50px;
      background-color: #ffffff;
      border: 1px solid black;
      /* for IE */
      filter:alpha(opacity=60);
      /* CSS3 standard */
      opacity:0.6;
      }
    div.transbox p
      {
      margin: 30px 40px;
      font-weight: bold;
      color: #000000;
      }
    </style>
  </head>
  <body>
    <h2>Save this file locally and open it to see the difference</h2>
    <div class="background">
      <div class="transbox">
        <p>This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box.</p>
      </div>
    </div>
  </body>
</html>

Answer 1

在<html>之前（或<!DOCTYPE...>和<html>之间）添加类似的内容：

<!-- saved from url=(0023)http://www.example.com/ -->

如果存在，Internet Explorer就像从远程Web服务器获取页面一样，而不是直接从磁盘上加载。

URL可以是您想要的任何内容，但括号中的数字必须是URL的长度。

我不能保证它会起作用，但是如果你仍然对这个老问题感兴趣的话，试一试：）

Answer 2

如果您知道您的代码在IE7中有效，您可以通过在<head>

中包含以下标记来强制IE8浏览器使用IE7标准

 <meta http-equiv="X-UA-Compatible" content="IE=7">

Answer 3

我希望以下网址可以帮助您解决问题..

http://css.flepstudio.org/en/css3/opacity-transparency.html

Answer 4

实际上它现在有效：2年后，微软必须改进本地文档查看。它现在提示执行javascript并实际执行它，就好像页面是远程的一样。

非常感谢所有花了一些时间回复的人。干杯

IE8渲染本地文件是错误的

4 个答案: