IE8 рендеринг локальных файлов неправильный - PullRequest
Новая
       12

IE8 рендеринг локальных файлов неправильный

0 голосов
/ 10 мая 2010

Похоже, что IE8 неправильно отображает локальный файл:

Рассмотрим эту простую веб-страницу: http://sayang.free.fr/ie8render.html (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>

Ответы [ 4 ]

1 голос
/ 24 марта 2011

Добавьте что-то подобное перед <html> (или между <!DOCTYPE...> и <html>): 

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

Если это так, Internet Explorer работает так, как будто он извлек страницу с удаленного веб-сервера, а не загружает ее непосредственно с диска.

URL-адрес может быть практически любым, но число в скобках должно быть длиной URL-адреса.

Я не могу гарантировать, что это сработает, но попробуйте, если вам все еще интересен этот старый вопрос:)

0 голосов
/ 25 марта 2011

На самом деле это работает сейчас: через 2 года Microsoft должна была улучшить просмотр локальных документов. Теперь он запрашивает выполнение javascript и фактически выполняет его, как если бы страница была удаленной.

Большое спасибо всем, кто потратил некоторое время, чтобы ответить. Приветствия

0 голосов
/ 10 мая 2010

Надеюсь, что приведенный ниже URL поможет вам решить вашу проблему.

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

0 голосов
/ 10 мая 2010

Если вы знаете, что ваш код работает в IE7, вы можете заставить браузеры IE8 использовать стандарты IE7, добавив следующий тег внутри <head>

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