Overflow qui ne marche pas sous hover
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Overflow qui ne marche pas sous hover
Bonjour !
Mon forum en phbb3 dont je suis fonda : http://funkytown-bakemono.forumactif.com/
Je ne comprends pas pourquoi mais lorsque je souhaite faire défiler mon texte pour le lire en entier sous l'image de description du forum, je ne peux pas... Par exemple sur le forum ISHI NO KAGE, quand on surpasse l'image on voit le texte mais je ne peux pas le faire défiler pour le lire en entier... Sur les forums où je n'ai pas mis d'images, le défilement marche ! :/
Je ne comprends pas d'où vient le problème...
Voici mon code Css:
Mon forum en phbb3 dont je suis fonda : http://funkytown-bakemono.forumactif.com/
Je ne comprends pas pourquoi mais lorsque je souhaite faire défiler mon texte pour le lire en entier sous l'image de description du forum, je ne peux pas... Par exemple sur le forum ISHI NO KAGE, quand on surpasse l'image on voit le texte mais je ne peux pas le faire défiler pour le lire en entier... Sur les forums où je n'ai pas mis d'images, le défilement marche ! :/
Je ne comprends pas d'où vient le problème...
Voici mon code Css:
- Code:
.forumDESC {
width: 306px; height: 118px; float: left;
border: 1px solid #ddd; padding: 10px; margin-left: -49px;
}
.forumDESC1 {
width: 306px; height: 118px; float: left; color: black;
text-align: justify;
overflow: auto; font-size: 10px; text-transform: uppercase; line-height: 12px;
}
.forumDESC1 img {
width: 306px; height: 118px; opacity: 1;
transition: 0.3s; position: absolute;
}
.forumDESC1 img:hover {
overflow-y:auto; opacity: 0; overflow: auto; width: 306px; height: 118px;
}
Re: Overflow qui ne marche pas sous hover
Bonjour,
Le défilement est appliqué au bloc contenant le texte. L'image étant en position absolue, elle se place au dessus. Quand on survole l'image, cette dernière devient transparente... mais elle est toujours là. Donc l'image est toujours entre la souris et le bloc texte, impossible de faire défiler.
Pour éviter ce problème, plusieurs solutions : utiliser plutôt display:none; pour ne pas que l'image soit affichée au survol (mais dans ce cas, plus de transition possible comme pour l'opacité) ; ou bien encore mettre plutôt l'image à l'arrière du bloc texte, avec ce dernier par défaut invisible, puis faire apparaitre le bloc texte au survol. Le bloc texte au dessus de l'image, vous ne devriez plus avoir de problème pour le faire défiler.
Le défilement est appliqué au bloc contenant le texte. L'image étant en position absolue, elle se place au dessus. Quand on survole l'image, cette dernière devient transparente... mais elle est toujours là. Donc l'image est toujours entre la souris et le bloc texte, impossible de faire défiler.
Pour éviter ce problème, plusieurs solutions : utiliser plutôt display:none; pour ne pas que l'image soit affichée au survol (mais dans ce cas, plus de transition possible comme pour l'opacité) ; ou bien encore mettre plutôt l'image à l'arrière du bloc texte, avec ce dernier par défaut invisible, puis faire apparaitre le bloc texte au survol. Le bloc texte au dessus de l'image, vous ne devriez plus avoir de problème pour le faire défiler.
MlleAlys- Membre actif
- Messages : 5967
Inscrit(e) le : 12/09/2012
Re: Overflow qui ne marche pas sous hover
Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu » |
Re: Overflow qui ne marche pas sous hover
Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées. |
Sujets similaires
» Hover qui ne marche pas
» Header, hover qui ne marche pas
» Mon code qui contient du hover ne marche qu'à moitié
» Sa marche ? le vote ne marche pas sur mon thème ?
» Problème overflow: auto
» Header, hover qui ne marche pas
» Mon code qui contient du hover ne marche qu'à moitié
» Sa marche ? le vote ne marche pas sur mon thème ?
» Problème overflow: auto
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum