Compatibilité de display: inline-block

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

bonjour,

display:inline-block; est la valeur (naturelle) par défaut d'une image, il n'y a donc aucun problèmes.

GC

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

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