Transparence + menu déroulant != ie?

Résolu
Mickael86480 Messages postés 698 Statut Membre -  
Mickael86480 Messages postés 698 Statut Membre -
Bonjour, je sais que mon problème n'est pas le premiers de ce type, j'ai regardé sur internet mais je n'arrive pas a résoudre mon problème c'est donc pour cela que je fais appel à vous.

J'ai développé un site sous firefox tout va bien, mais c'est ie qui coince, la transparence et le menu déroulant ne fonctionnent pas. De plus, ma page est décaler (j'ai une 1ère fois mon image de fond sans texte puis mon image de fond et le texte).

J'ai bien essayé de rajouter ceci me cela ne fonctionne pas :

 <!--[if IE]>
 <div style="width:600px; height:565px; background=img/fond.jpg; background-repeat:repeat;"> <img src="trans.gif" style="filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;" alt="" />
 <![endif]-->


merci de votre aide.

A voir également:

5 réponses

Pitet
 
Salut,

J'ai vu ce problème récemment, la propriété css border-radius ne fonctionnait pas en ligne mais fonctionnait très bien en local (même navigateur, même code).

Je recopie donc ma réponse car le problème à l'air d'être le même :

Le problème semble venir du mode de compatibilité.
Sur mon poste, malgré l'ajout du doctype html5, le mode de document passe aux normes IE7 quand je l'ouvre avec IE9. Par contre en local le mode de document est bien aux normes IE9. J'avoue ne pas bien comprendre pourquoi.
(Appui sur F12 sur IE pour voir le Mode de navigation et le Mode de document).

Néanmoins on peut empêcher IE d'utiliser un mode de compatibilité en ajoutant un méta-tag comme ceci :

<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>ma page</title>
[...]



Plus d'info sur cette astuce :
http://www.alsacreations.com/astuce/lire/1437-comment-interdire-le-mode-de-compatibilite-sur-ie.html

Bonne journée
1
Mickael86480 Messages postés 698 Statut Membre 35
 
Merci Pitet pour ta réponse, tu as tout à fais raison, le problème vient du mode de document utilisé par IE (norme IE7, j'ai testé en le modifiant manuellement et la transparence se fait). En revanche, mon problème est pour empêcher cette modification automatiquement, le meta-tag ne fonctionne visiblement pas.

Voici ce que j'ai rajouté (pris sur le liens que tu m'as donné):

<!--[if IE]>
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <![endif]-->
0
bg62 Messages postés 26230 Statut Modérateur 2 416
 
sous quelle version de IE ???
car de toutes façons daube = daube ^^
0
Mickael86480 Messages postés 698 Statut Membre 35
 
je test sous ie8 mais j'aimerai améliorer cela pour toutes les versions
0
bg62 Messages postés 26230 Statut Modérateur 2 416
 
ah et IE9 ... ???
pour les anciennes de chez anciennes à moins d'être un kador de la css et des hacks = quaisiment mission impossible ;)
0
Mickael86480 Messages postés 698 Statut Membre 35
 
ok donc mettre à jour mon ie et avec le code précédent ça devrait fonctionner?
0
Mickael86480 Messages postés 698 Statut Membre 35
 
Problème résolu, donc mettre à jour ie pour la transparence et les menus déroulants. Et pour le décalage attention aux doublons d'affichage des images.
0
Mickael86480 Messages postés 698 Statut Membre 35
 
Je décoche le "problème résolu car petit problème assez bizarre, en local sur la machine, la transparence avec ie fonctionne mais lors de la mise en ligne la transparence ne se fait plus.

J'ai effacé l'historique de ie mais rien n'y fait.

Merci de m'aider
0
Mickael86480 Messages postés 698 Statut Membre 35
 
Personne ne peut m'aider sur ce problème?
0
bg62 Messages postés 26230 Statut Modérateur 2 416
 
en 'local' sous quel navigateur ?
0
Mickael86480 Messages postés 698 Statut Membre 35
 
ie9
0
Mickael86480 Messages postés 698 Statut Membre 35
 
navigateurs :

local->ie9
en ligne -> ie9

J'ai bien fais attention à bien placer l'image de transparence mais le problème ne viens pas de là.
0
Mickael86480 Messages postés 698 Statut Membre 35
 
Bonjour, je n'ai toujours pas résolu mon problème, merci de bien vouloir m'aider.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Mickael86480 Messages postés 698 Statut Membre 35
 
Bon après recherche sur internet, prise de tête,.... Le problème est résolu.

Pour ceux qui rencontrerai le même problème, placer la ligne de code suivante juste après le <title> de la page et avant toutes autres balises :

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