26749 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un petit soucis css et je ne vois pas comment je pourrais le résoudre proprement.

Pour faire simple :
J'ai une barre qui peut-être divisé en plusieurs morceaux, jusque là rien de bien compliqué.
Chaque morceaux contient des informations.
Il est possible qu'a certains moment le width sera équivalent à 1% de ma barre totale( donc pas d'espace pour mettre les informations)
C'est pour cela qu'un popover a été mis au hoover de chaque morceau.
Cependant, si je mets un overflow : hidden sur le morceau .. le "popover" n'apparait pu vu qu'il est dans la div morceau.

upload/1558095768-71432-capture.png

https://codepen.io/sQuirrel4k/pen/vPJPoP#_=_
Felipe a écrit :
Bonjour,

sur .barset-item l'overflow:hidden ? Je ne le vois pas même commenté.

Pour sortir (afficher un élément enfant en dehors) d'un overflow: hidden, j'avais trouvé cette technique : https://stackoverflow.com/a/39149079 ou il y a aussi ce 1er exemple dans la question https://stackoverflow.com/questions/4605715/position-absolute-and-overflow-hidden (qui elle cherche à faire l'inverse Smiley ravi )


Je vais checker tout ca .

c'est sur barset-item-content que j'avais mis l'overflow.
Sinon, sans bricole, il suffit de ne pas inclure le tooltip dans le overflow:

En pseudo-html-code:

<barset-item>

  <barset-item__content overflow:hidden>
  </barset-item__content>

  <barset-item__tooltip>
  </barset-item__tooltip>

</barset-item>