Attribut CSS qui se cache tout simplement?

voici mon problème stupide, et je suis sûr qu’il s’agit d’une solution très simple à ce problème qui me fera me sentir vraiment stupide quand je le verrai. Je construis une petite table, avec quelques icônes, et (en utilisant jQuery) lorsque vous survolez les icônes, un div popup situé en dessous d’eux vous indique son nom, en faisant un fondu en entrée puis une sortie en fondu. le problème est que, comme je l’ai construit, les éléments sont rangés dans un tableau, et l’essentiel du style vient d’une classe appliquée à chacun d’eux. Pour masquer le tableau, afin que ses éléments puissent s’affaiblir, je vous préviens

    display: none

attribut. Tout fonctionne bien pour l'icône de l'extrême gauche, mais le problème est que les éléments sont dans un tableau, non arrangés individuellement (ils peuvent être, ce qui résoudrait le problème, je me demandais simplement s'il y avait un moyen de le faire comme ça), alors sur les icônes situées au centre, par exemple, si vous survolez une icône, la bulle correcte s'affichera tout en restant à gauche car le reste des bulles du tableau ne sont pas présentes (affichage: aucune). Existe-t-il une balise ou une méthode permettant d’éviter que la table ne soit visible, mais toujours présente dans la forme? c'était probablement une façon très déroutante de demander, donc je vous félicite si vous avez compris ma question

0

3 Réponses

Pas sûr que je vous ai bien compris, mais essayez ceci:

visibility: hidden

Ce serait formidable de voir du code afin que je puisse vous aider davantage.

5
ajouté
Oui, j'ai essayé ça, mais ça ne marche pas avec la fonction fadeIn de jQuery, alors je cherchais autre chose. Merci à tous avec la même réponse! Je viens de le séparer
ajouté l'auteur roozbubu, source
Oui, cela aurait fonctionné, mais je viens de casser la table individuelle, rien de majeur
ajouté l'auteur roozbubu, source
oui, les fondus ne fonctionnent qu'avec les attributs d'affichage ... Cependant, si vous avez vraiment besoin de l'utiliser, vous pouvez masquer l'élément, puis le faire afficher: aucun et visibilité: visible, puis effectuez un fondu. vous aurez l’état caché par défaut et le fondu fonctionnera.
ajouté l'auteur Shomz, source

On dirait que vous parlez de:

visibility: hidden;
1
ajouté

Ce qui suit vous empêchera simplement de voir l'élément. En d'autres termes, l'élément reste toujours dans le flux de contenu normal, occupant de la place, même s'il est invisible.

visibility: hidden;

et pour le faire réapparaître ...

visibility: visible;

Ce qui suit va masquer l'élément en le supprimant. En d'autres termes, l'élément sera entièrement supprimé du flux de contenu et le contenu environnant se repositionnera pour combler le vide.

display: none;

et pour le faire réapparaître ...

display: block;
0
ajouté