Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1015 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Overflow:hidden bug Mozilla/IE

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Overflow:hidden bug Mozilla/IE

n°2237332
sparadra1
Posté le 09-09-2014 à 12:49:19  profilanswer
 

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 :
  1. .cont {
  2.   display: table;
  3.   margin: 0 auto;
  4. }
  5. figure {
  6.   display: table;
  7.   overflow: hidden;
  8.   overflow-y: hidden;
  9.   position: relative;
  10. }
  11. figure img {
  12.   display: block;
  13.  
  14. }
  15. figure figcaption {
  16.   font-family: 'PT Sans Narrow';
  17.   font-size:  small;
  18.   background: black;
  19.   bottom: -91px;
  20.   color: white;
  21.   padding: 16px;
  22.   position: absolute;
  23.   transition: bottom .5s;
  24.   -webkit-transition-property: top, bottom;
  25.   -webkit-transition-duration: .5s;
  26.   -moz-transition: bottom .5s;
  27.   -o-transition: bottom .5s;
  28.   text-shadow: 1px 1px black;
  29.   width: 93%;
  30. }
  31. figure:hover figcaption {
  32.   bottom: 0;
  33. }


 
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
mood
Publicité
Posté le 09-09-2014 à 12:49:19  profilanswer
 

n°2237599
sparadra1
Posté le 10-09-2014 à 13:24:07  profilanswer
 

up psl

n°2237712
tpierron
Posté le 10-09-2014 à 21:10:47  profilanswer
 

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

n°2237804
sparadra1
Posté le 11-09-2014 à 18:44:21  profilanswer
 

Effectivement. Merci

n°2237896
rufo
Pas me confondre avec Lycos!
Posté le 12-09-2014 à 16:28:31  profilanswer
 

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 Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta

Aller à :
Ajouter une réponse
  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 fonctionnelsbordure image Html / CSS
Mise en page CSS, histoire de bien démarrerNe pas appliquer le CSS aux balises div.
[VBA] Fermer une fenêtre excel ouverte dans IEProblème CSS
Aide demandée pour un debutant en html, CSS resulat different sous ieTest rendus sous toutes versions IE + javascript
Plus de sujets relatifs à : [CSS] Overflow:hidden bug Mozilla/IE


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR