Transparence + menu déroulant != ie?

Résolu/Fermé
Mickael86480 Messages postés 638 Date d'inscription vendredi 28 mai 2010 Statut Membre Dernière intervention 11 mars 2021 - 28 janv. 2013 à 23:49
Mickael86480 Messages postés 638 Date d'inscription vendredi 28 mai 2010 Statut Membre Dernière intervention 11 mars 2021 - 26 mars 2013 à 12:32
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.

5 réponses

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 638 Date d'inscription vendredi 28 mai 2010 Statut Membre Dernière intervention 11 mars 2021 35
19 mars 2013 à 16:31
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 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
29 janv. 2013 à 12:45
sous quelle version de IE ???
car de toutes façons daube = daube ^^
0
Mickael86480 Messages postés 638 Date d'inscription vendredi 28 mai 2010 Statut Membre Dernière intervention 11 mars 2021 35
29 janv. 2013 à 13:26
je test sous ie8 mais j'aimerai améliorer cela pour toutes les versions
0
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
29 janv. 2013 à 15:38
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 638 Date d'inscription vendredi 28 mai 2010 Statut Membre Dernière intervention 11 mars 2021 35
29 janv. 2013 à 17:55
ok donc mettre à jour mon ie et avec le code précédent ça devrait fonctionner?
0
Mickael86480 Messages postés 638 Date d'inscription vendredi 28 mai 2010 Statut Membre Dernière intervention 11 mars 2021 35
29 janv. 2013 à 19:52
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 638 Date d'inscription vendredi 28 mai 2010 Statut Membre Dernière intervention 11 mars 2021 35
29 janv. 2013 à 22:41
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 638 Date d'inscription vendredi 28 mai 2010 Statut Membre Dernière intervention 11 mars 2021 35
1 févr. 2013 à 11:28
Personne ne peut m'aider sur ce problème?
0
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
1 févr. 2013 à 12:11
en 'local' sous quel navigateur ?
0
Mickael86480 Messages postés 638 Date d'inscription vendredi 28 mai 2010 Statut Membre Dernière intervention 11 mars 2021 35
4 févr. 2013 à 10:52
ie9
0
Mickael86480 Messages postés 638 Date d'inscription vendredi 28 mai 2010 Statut Membre Dernière intervention 11 mars 2021 35
8 févr. 2013 à 16:36
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 638 Date d'inscription vendredi 28 mai 2010 Statut Membre Dernière intervention 11 mars 2021 35
18 mars 2013 à 20:51
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 638 Date d'inscription vendredi 28 mai 2010 Statut Membre Dernière intervention 11 mars 2021 35
26 mars 2013 à 12:32
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