CSS-kenmerk dat zich gewoon verbergt?

dit is mijn stomme kwestie, en ik ben er zeker van dat er een heel eenvoudige oplossing voor is die me echt stom zal doen voelen als ik het zie. Im het bouwen van een kleine tafel, met enkele pictogrammen, en (met behulp van jQuery) wanneer u over de pictogrammen rolt, een popup-div onder hen vertelt u de naam ervan, door in te faden en vervolgens uit te faden wanneer u uitrolt. het probleem is, de manier waarop ik het heb gebouwd, de items zijn gerangschikt in een tabel, en dan komt het meeste van de styling voort uit een klasse toegepast op elk van hen. Om de tafel te verbergen, zodat de elementen kunnen vervagen, Im het gebruik

    display: none

attribuut. Alles werkt prima voor het uiterst linkse pictogram, maar het probleem is dat de items zich in een tabel bevinden, niet individueel gerangschikt (ze kunnen het probleem verhelpen, ik vraag me af of er een manier is om het op deze manier te doen), dus op pictogrammen in het midden, bijvoorbeeld, als u erboven zweeft, wordt de juiste bel weergegeven, maar helemaal links omdat de rest van de bubbels in de tabel niet aanwezig zijn (weergave: geen). is er een tag of methode die ervoor zorgt dat de tabel niet zichtbaar is, maar toch in vorm aanwezig is? dit was waarschijnlijk een heel verwarrende manier om te vragen, dus ik beveel je aan als je mijn vraag begrijpt

0

3 antwoord

Ik weet niet zeker of ik je volledig heb begrepen, maar probeer dit:

visibility: hidden

Het zou geweldig zijn om wat code te zien, dus ik kan je meer helpen.

5
toegevoegd
ja ik heb dat geprobeerd, maar het werkt niet met de fadeIn-functie van jQuery, dus ik was op zoek naar iets anders. Dank aan iedereen met hetzelfde antwoord! Ik heb het gewoon opgesplitst
toegevoegd de auteur roozbubu, de bron
ja dat zou wel vervelend zijn, maar ik heb net de individuele tafel uit elkaar gehaald, niets te groots
toegevoegd de auteur roozbubu, de bron
ja, fades werken alleen met display-attributen ... maar als je het echt moet gebruiken, kun je het element verbergen en dan met de muis om het weer te geven: none en visibility: visible, en dan de fade in doen. manier waarop je het standaard in de verborgen staat hebt en de fade-in zal werken.
toegevoegd de auteur Shomz, de bron

Het klinkt alsof je het over hebt:

visibility: hidden;
1
toegevoegd

Het volgende zal simpelweg voorkomen dat u het element ziet. Met andere woorden, het element blijft altijd in de normale inhoudsstroom, neemt ruimte in, ondanks dat het onzichtbaar is.

visibility: hidden;

en om het weer tevoorschijn te laten komen ...

visibility: visible;

Het volgende zal het element verbergen door het te verwijderen. Met andere woorden, het element zal volledig uit de inhoudstroom worden verwijderd en de omringende inhoud zal zichzelf herpositioneren om de leegte te vullen.

display: none;

en om het weer tevoorschijn te laten komen ...

display: block;
0
toegevoegd