Overflow : l'overlay ne fonctionne pas dans firefox

Question

Sur mon site web, j'ai besoin d'utiliser la propriété css overflow: overlay pour un <div> .

Cependant, il n'est pas rendu dans le navigateur et une inspection des css dans firebug montre qu'il n'est même pas là, mais il est comme il fonctionne dans Chrome. Je n'ai pas testé Safari.

Que dois-je changer pour obtenir le overflow: overlay La propriété css fonctionne-t-elle ?

Merci

Answer 1

Les valeurs possibles pour le dépassement sont :

visible
hidden
auto
scroll

Voir aquí o aquí pour une discussion à ce sujet.

L'utilisation de toute autre valeur dans différents navigateurs donnera des résultats imprévisibles car ils traitent la valeur incorrecte différemment.

Editar : Suite au commentaire, j'ai réussi à trouver la mention de overflow:overlay aquí .

Le recouvrement est décrit comme suit :

Le contenu est coupé et des barres de défilement sont ajoutées si nécessaire.

Il est également important de noter qu'il ne fonctionne que dans Safari ou Chrome (c'est-à-dire WebKit).

Cet article sur WebKit bugzilla suggère qu'il n'est pas long pour ce monde dans tous les cas :

WebKit dispose actuellement d'une valeur de débordement CSS propriétaire appelée "overlay" qui n'est pas documentée et qui, d'après ce que je peux dire en lisant le code, fonctionne exactement comme "auto".

Nous devrions soit le supprimer, soit le renommer en "-webkit-overlay".

Mise à jour mars 2016

On dirait que overflow: overlay n'a pas disparu. Il y a des signes qu'elle fait son chemin dans les normes.

La différence entre overlay y auto serait seulement que les barres de défilement apparaissent au-dessus du contenu de la page, et qu'elles ne prennent pas d'espace de mise en page.

Voir ici pour la discussion .