CSS - Gegenteil von display:none

Ich versuche die Einrichtung von zwei einfachen css-Klassen zu wechseln Elemente :

.hide{
  display:none;
}

.show{
  display:inherit;
}

Scheint es zu funktionieren, aber manchmal-display:inherit; return Schwierigkeiten damit, die ist das genaue Gegenteil von display:none; ?

  • das ist Display : Block;
  • Alle anderen möglichen Werte von display werden gegenüber display:none wie display:inline-block, display:table, ...
  • warum block wenn ich nicht wollen, um es zu spezifizieren? ich brauche einfach ein-und ausblenden, ohne die Setzung einer Regel 😛
  • Sie können keine Annahmen über das, was display-Typ festgelegt wurde, bevor. es könnte habe block es könnte habe inline-block es könnte habe table-cell oder was auch immer. Es gibt eine "keine", aber es gibt viele "Gegensätze" könnte es gewesen sein.
  • Ich denke, dass CSS nicht mehr erinnern der Zustand der display bevor Sie es zu none. So wird es keine CSS-Lösung dafür.
  • ich weiß nich ich tatsächlich versuchte, die beiden Erben und erste Sie beide funktioniert, aber ich weiß nicht, Unterschiede zwischen Ihnen, und wenn ist das eine gute Praxis
  • display:initial ? weiß nicht ...
  • initial ist normalerweise die default-Anzeige des Elements, wie div hat display:block standardmäßig span hat display:inline standardmäßig während inherit ist die Anzeige der Eltern. In der Tat, diese Art von Frage ist sehr verwirrend. In CSS wir haben nie irgendwelche Probleme im Zusammenhang mit diesem problem.

InformationsquelleAutor itsme | 2014-04-28
  1. 8

    Dies hängt alles von dem element, das Sie angeben. Zum Beispiel <div> und <p> Elemente sind display:block; standardmäßig in der Erwägung, dass <span> ist display:inline; standardmäßig.

    Akzeptierte Antwort hier enthält eine Liste der Standardwerte für jedes element auf der Grundlage welcher browser verwendet wird.

    BEARBEITEN

    Es erscheint, dass display: initial; wird in den meisten Browsern funktionieren, obwohl nicht IE. Eine fallback-Zeile CSS wäre wahrscheinlich die beste Praxis:

    .show {
    display: block;
    display: initial;
}
    • dies ist eine wirklich Coole Lösung, die ich getestet und funktioniert Super
    • Froh, dass es funktionierte!
    • Dank +1 tatsächlich die beste Antwort, die ich werde warten, etwas mehr und im Fall akzeptiere deine 😉
    • display:initial effektiv bedeutet display:inline, so 'display:block' kannst nicht ein fallback für es und den code nach dem "Bearbeiten" ist irgendwie irreführend. Es ist auch display: revert Wert (aus der CSS-Kaskade Stufe 4 spec), die effektiv kehrt die display Wert, um die browser-Voreinstellung für das element (block für div, table-row für tr usw.), aber die browser-Unterstützung ist sogar noch schlimmer als für display:initial.
    InformationsquelleAutor Dryden Long
  2. 0

    Wenn Sie gerade mal Elemente, die Sie brauchen nicht zwei Klassen; Sie brauchen nur eine Klasse ("verstecken"), die Sie hinzufügen und entfernen für jedes element. Wenn Sie verstecken das element, fügen Sie die Klasse "hide", um es, und wenn Sie das element wieder, entfernen Sie die Klasse "hide".

    Jedoch, wenn Sie wirklich brauchen, zwei Klassen, die ich hatte Erfolg mit so etwas wie dies:

    .show{display:"";}

    Den blank-Wert weist den browser zu ignorieren, dass Eigentum, und es geht wieder zurück auf seinen Standardwert.

    • NÖ, oder ich werde noch verwendet 😉
    • Ich bin interessiert zu sehen, Ihren Fall, aber trotzdem, versuchen Sie die zweite option.
    • dies funktioniert nicht, hier auf meiner Website, Sie wahrscheinlich Glück 😛 oder ich Pech 😛 eheh
    InformationsquelleAutor andi
  3. 0

    Es hängt davon ab, welche element die Sie zeigen möchten, für block Elemente:

    .show{
  display: block;
}
    InformationsquelleAutor Artem Petrosian
  4. 0

    Wenn Sie Javascript verwenden, das zu tun:

    document.getElementById(id).style.display = "";

    Und

    document.getElementById(id).style.display = "none";

    Können schalten Sie die Anzeige für Sie.

    InformationsquelleAutor Saqib Javed
Schreibe einen Kommentar