débordement: caché; ne fonctionne-t-il pas sur Chrome avec IFRAMEs?
j'ai une IFRAME avec des débordements cachés dans le css et html. Il fonctionne dans Firefox, mais pas Chrome / Safari
pourquoi?
6 réponses
D'accord, que dites-vous de:
<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>
comme dans scrolling="no"
après une assez grande recherche que j'ai faite sur ce sujet, je voudrais poster ma réponse, qui je suggère, pourrait être un ajout à la réponse de Joonas:
<style>
iframe {
overflow:hidden;
}
</style>
(...)
<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>
je pense, les deux scrolling et overflow:hidden devraient être fournis, bien que cette solution ne fonctionnera pas dans une combinaison de Chrome et HTML5 doctype. L'attribut scrolling est déprécié dans HTML5 et la propriété overflow n'affecte pas les iframes dans Chrome. Je suppose que ce dernier est un bug, puisque le spécification HTML5 , dit clairement:
en outre, HTML5 n'a aucun des attributs de présentation qui étaient dans HTML4 comme leurs fonctions sont mieux gérées par CSS:
(...)
- attribut nowrap sur td et th.
- attribut de règles sur la table.
- attribut défilant sur iframe .
- attribut de taille sur hr.
- type attribut sur li, et ul.
(...)
il est dit clairement - dans HTML5 scrolling doit être remplacé par CSS overflow .
étrange mais-transform: rotation (0.00001 deg); pour div avec débordement:caché; aide pour moi.
<style>
iframe::-webkit-scrollbar {
display: none;
}
</style>
tel Que trouvé sur Safari/Chrome (Webkit) - Ne peut pas se cacher iframe barre de défilement verticale
Utiliser overflow-y:hidden; , puis le défilement vertical sera caché.
Juste width: 99.99%; a fait le tour pour moi.
j'ai eu ce problème dans Chrome mais pas dans Firefox.