Compatibilité de display: inline-block

Des livres incontournables pour tout maîtriser

Auteur
atoo	# 20 Feb 2012, 14:39:33
39 Posts	Bonjour. Je cherche à faire un effet de survol en CSS sur plusieurs images côte à côte. Pour gérer le survol, si je mets les images en display: block, elles s'affichent naturellement en colonne, ce que je ne souhaite pas. J'ai réglé le problème en utilisant display: inline-block. Là, j'ai mon effet et en plus mes images sont bien sur un même plan horizontal. Pouvez-vous me dire si cette technique pose des problèmes de compatibilité, svp ? Selon certains sites http://www.quirksmode.org/css/display.html, ça ne fonctionnerait pas avec tous les navigateurs. Merci beaucoup
39 Posts
gc-nomade	# 20 Feb 2012, 15:07:35
gcyrillus en mode portable 911 Posts	bonjour, display:inline-block; est la valeur (naturelle) par défaut d'une image, il n'y a donc aucun problèmes. GC GC rien , mais GC encore ...
gcyrillus en mode portable 911 Posts
atoo	# 20 Feb 2012, 15:11:32
39 Posts	Merci pour cette réponse rapide. Le souci c'est que dans mon cas, ce ne sont pas des images mais des liens avec une image en background. Dans le code HTML, on ne voit que des liens. Je précise que j'ai lu ce tuto : http://www.alsacreations.com/article/lire/1209-display-inline-block.html d'ailleurs ça m'a bien servi. J'ai juste peur que ma liste s'affiche verticalement sur d'anciennes versions d'IE
39 Posts
gc-nomade	# 20 Feb 2012, 15:17:51
gcyrillus en mode portable 911 Posts	Sur de vielle version de IE, display:inline-block; joue sur le haslayout et ne réagit pas comme on l'attendrais sur des élément qui ont par défaut en "block" . On règle ça via les CC avec display:inline; + zoom:1; ou tu peut te basé sur des listes flottantes. GC GC rien , mais GC encore ...
gcyrillus en mode portable 911 Posts
Prévenir un modérateur