2010-05-10 10 views
0

Il semble que IE8 n'est pas le rendu correctement un fichier local:rendu IE8 des fichiers local est erroné

Tenir compte cette page simple: http://sayang.free.fr/ie8render.html (code html ci-dessous) extrait d'un tutoriel sur l'opacité w3c.

Enregistrez-le localement et affichez-le à nouveau: le fichier local n'a pas d'opacité! C'est très agaçant, surtout quand on veut concevoir des pages complexes sur des prototypes placés dans des fichiers locaux.

Avez-vous une solution à cela?

<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> 

Répondre

0

En fait, il fonctionne maintenant: 2 ans après, Microsoft doit avoir des documents améliorés locaux de visualisation . Il demande maintenant l'exécution de javascript et l'exécute réellement comme si la page était distante.

Un grand merci à vous tous qui avez passé du temps à répondre. A bientôt

0

Si vous savez que votre code fonctionne dans IE7 vous pouvez forcer les navigateurs IE8 à utiliser les normes IE7 en incluant la balise suivante dans <head>

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

Comment mes points vont-ils augmenter? – Kasturi

1

Ajouter quelque chose comme ça juste avant la <html> (ou entre <!DOCTYPE...> et <html>):

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

Si c'est là, Internet Explorer agit comme si elle a récupéré la page à partir d'un serveur Web à distance au lieu de chargé directement de disque.

L'URL peut être à peu près ce que vous voulez, mais le nombre entre parenthèses doit être la longueur de l'URL.

Je ne peux pas garantir cela fonctionnera, mais essayer si vous êtes toujours intéressé par cette vieille question :)

+0

Intéressant. Est ce que ça aide? Et si c'est le cas: * pourquoi? * –

+0

Eh bien, cela fait définitivement une différence. Lorsque Internet Explorer enregistre une page (via Fichier | Enregistrer), il ajoute un commentaire de ce type. Je pense que c'est une question d'utilisabilité. Les fichiers sur votre machine locale tombent normalement dans une zone de sécurité différente, mais cela pourrait perturber les utilisateurs qui ont sauvegardé une page et ensuite essayé de l'ouvrir localement seulement pour trouver que cela ne fonctionne pas. – Wodin