Overflow qui ne marche pas sous hover

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Overflow qui ne marche pas sous hover

Message par Melodiam Mer 20 Mar 2019 - 15:09

Bonjour ! Smile

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;
}
Melodiam

Melodiam
****

Messages : 343
Inscrit(e) le : 16/04/2012

http://funkytown-bakemono.forumactif.com
Melodiam a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Overflow qui ne marche pas sous hover

Message par MlleAlys Mer 20 Mar 2019 - 18:05

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.
MlleAlys

MlleAlys
Membre actif

Messages : 5967
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Overflow qui ne marche pas sous hover

Message par Chacha Mar 26 Mar 2019 - 9:57

Overflow qui ne marche pas sous hover UmaslZ4Bonjour,

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 »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 70032
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Overflow qui ne marche pas sous hover

Message par Chacha Mer 27 Mar 2019 - 9:48

Overflow qui ne marche pas sous hover 8djze9qBonjour,

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.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 70032
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum