28172 sujets

CSS et mise en forme, CSS3

Menu spry, position absolute , lien et ie

Bien le bonjour à tous,

J'ai un soucis sur ie
j'ai un menu en spry avec des sous menus et dans ses sous menus il y a des liens
SAUF que sous ie ils sont inactifs, sur ff c'est nickel
le bout de code que j'ai réussi à mettre de coté comme étant celui qui posait problème est celui-ci :

ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}


Je pense que le problème vient du position:absolute mais le hic est que pour que mon sous menu marche correctement, il me le faut absolument

Donc je fais comment moi ? Smiley cligne

Merci pour votre aide
Bonjour,

La syntaxe de filter (-ms-filter à partir d'IE 8) que tu utilises est incorrecte pour avoir l'équivalent de la propriété opacity. Corrige-la comme suit :
<!--[if IE 8]>
<style type="text/css">
ul.MenuBarVertical iframe {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
</style>
<![endif]-->
<!--[if lte IE 7]>
<style type="text/css">
ul.MenuBarVertical iframe {
  filter: alpha(opacity=10);
}
</style>
<![endif]-->

Un peu de lecture en anglais pour la syntaxe. Smiley cligne
Modifié par Victor BRITO (11 Feb 2010 - 17:09)
merci pour ta réponse
est ce que je peux faire ca directement dans mon css

ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	
}

<!--[if IE 8]>  ul.MenuBarVertical iframe {   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; } <![endif]--> 
<!--[if lte IE 7]>  ul.MenuBarVertical iframe {   filter: alpha(opacity=10); }  <![endif]-->


où est ce que c'est completement faux?
bonjour,

En utilisant conjointement ce type de filtre et un positionement absolu , tu perds dans IE (5.5/6/7) la possibilité d'atteindre a la souris les elements enfant ou leur contenu (selection de texte , lien , formulaire , ... ) . pour resoudre ce soucis , il suffit generalement de positionné ces elements enfant en : position:relatif; .
Il remontent alors en avant plan et sont selectionnable et cliquable.

C'est un defaut qui etait trés agacent dans IE6 , quand il n'y avait que celui-la Smiley smile ... IE8 en mode standard lui est trés bien .

GC
j'ai mis en position relative dans mon css pour ie7 et ie8 mais ça marche pas des masses

par exemple pour mon css de ie7 jai 


ul.MenuBarVertical iframe {   
filter: alpha(opacity=0); 
position:relative;
}


mais il ne se passe rien j'ai toujours mes liens qui ne se font pas dans mes sous menus

sur ff c'est parfait mais sous ie ....
si il se passe un truc
mon menu parent est complement decalé, il y a un enorme blanc entre le premier lien du menu et ceux qui suivent
du coup les liens des sous menus fonctionnent

mais c'est decalé pour le menu parent Smiley decu

jmen sors pas Smiley decu
désolée j'ai été trop vite dans la réponse
j'ai ajouté ça

filter:alpha(opacity:0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";


dans 


ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
}



et ça fonctionne Smiley cligne
:D
hello,
le position:relatif est a appliqué au enfant que tu veut atteindre a la souris (pour IE7 et inferieur)
En l'occurance tes liens : a

++
Sujet clos
Aller à