[CSS] Overflow:hidden bug Mozilla/IE

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] Overflow:hidden bug Mozilla/IE

sparadra1

Bonjour à tous, j'ai fait une légende sur des images qui apparaît lors du passage de la souris. Cependant sur mozilla et ie la légende apparaît en dessous de l'image et lorsque je met la souris la légende se contente de remonter.
Voici mon code :

Code :

.cont {
display: table;
margin: 0 auto;
}
figure {
display: table;
overflow: hidden;
overflow-y: hidden;
position: relative;
}
figure img {
display: block;
}
figure figcaption {
font-family: 'PT Sans Narrow';
font-size: small;
background: black;
bottom: -91px;
color: white;
padding: 16px;
position: absolute;
transition: bottom .5s;
-webkit-transition-property: top, bottom;
-webkit-transition-duration: .5s;
-moz-transition: bottom .5s;
-o-transition: bottom .5s;
text-shadow: 1px 1px black;
width: 93%;
}
figure:hover figcaption {
bottom: 0;
}

J'ai essayé avec overflow-y: hidden; mais rien ne change. http://jegou-photo.besaba.com/portfolio.php

Message édité par sparadra1 le 09-09-2014 à 12:50:05

Publicité

sparadra1

up psl

tpierron

Pourquoi utilises-tu un "display: table" pour l'élément contenant ? Ça ne serait pas inline-block ou block que tu voudrais ?

sparadra1

Effectivement. Merci

rufo

Pas me confondre avec Lycos!

Au passage, ça serait bien que tu adaptes le poids (ko) de tes images quand elles sont en vignette car là, tu affiche des images de grandes taille en tout petit. Du coup, ta page met 3 plombes pour se charger :pfff:

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] Overflow:hidden bug Mozilla/IE

Sujets relatifs
CSS Incompatible ? SP2007	[CSS] fixed, z-index vs scroll
Fonts CSS non fonctionnels	bordure image Html / CSS
Mise en page CSS, histoire de bien démarrer	Ne pas appliquer le CSS aux balises div.
[VBA] Fermer une fenêtre excel ouverte dans IE	Problème CSS
Aide demandée pour un debutant en html, CSS resulat different sous ie	Test rendus sous toutes versions IE + javascript
Plus de sujets relatifs à : [CSS] Overflow:hidden bug Mozilla/IE

Page générée en 0.032 secondes