Heim Web-Frontend CSS-Tutorial Teilen Sie Hinweise zur Verwendung von display:none in CSS

Teilen Sie Hinweise zur Verwendung von display:none in CSS

Jul 24, 2017 am 09:41 AM
display none 注意事项

Der display:none-Stil wird häufig beim Codieren des Frontends von Webseiten verwendet. Wir stellen fest, dass es mehrere Funktionen gibt, auf die geachtet werden muss

1 :keine für Elemente in der Stildatei oder im Seitendateicode Nach dem Ausblenden, nach dem Laden der Seite, ohne den Stil über js festzulegen, um das Element anzuzeigen, können mithilfe von js-Code einige Attribute des Elements, wie z. B. offSetTop, nicht korrekt abgerufen werden , offSetLeft usw. und der zurückgegebene Wert ist 0. Über js Diese Werte können korrekt abgerufen werden, nachdem style.display so eingestellt wurde, dass das Element angezeigt wird.

2. Mit display:none ausgeblendete Elemente werden von Suchseiten wie Baidu nicht abgerufen, was sich auf die SEO der Website auswirkt. In einigen Fällen kann left:-100000px verwendet werden, um den gleichen Effekt zu erzielen .

3. Wenn Sie den display:none-Stil eines Elements über eine Stildatei oder festlegen, führt die Einstellung von style.display="" mit js nicht dazu, dass das Element angezeigt wird. Sie können stattdessen einen Block- oder Inline-Äquivalentwert verwenden. Bei Einstellungen direkt am Element über style="display:none" tritt dieses Problem nicht auf

4. In einigen Fällen kann style.visibility anstelle von style.display verwendet werden, es sollte jedoch beachtet werden, dass style. Sichtbarkeit Beim Ausblenden eines Elements bleibt der vom Element auf der Seite eingenommene Platz erhalten, während style.display das Element ausblendet und den Platz, den es auf der Seite einnimmt, freigibt.

Das obige ist der detaillierte Inhalt vonTeilen Sie Hinweise zur Verwendung von display:none in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Die Preiserwartungen für die Fujifilm X-M5 steigen, da das durchgesickerte Selfie-Display die ehemals erschwingliche Kamerareihe komplexer macht Die Preiserwartungen für die Fujifilm X-M5 steigen, da das durchgesickerte Selfie-Display die ehemals erschwingliche Kamerareihe komplexer macht Sep 07, 2024 am 09:34 AM

Fujifilm-Fans waren kürzlich sehr gespannt auf die Aussicht auf die X-T50, da sie eine Neuauflage der preisgünstigen Fujifilm X-T30 II darstellte, die in der APS-C-Kategorie unter 1.000 US-Dollar recht beliebt geworden war. Leider ist die Fujifilm X-T50 auf den Markt gekommen

Hinweise zur C++-Entwicklung: Vermeiden Sie Nullzeigerausnahmen in C++-Code Hinweise zur C++-Entwicklung: Vermeiden Sie Nullzeigerausnahmen in C++-Code Nov 22, 2023 pm 02:38 PM

In der C++-Entwicklung ist die Nullzeigerausnahme ein häufiger Fehler, der häufig auftritt, wenn der Zeiger nicht initialisiert wird oder nach der Freigabe weiterhin verwendet wird. Nullzeigerausnahmen verursachen nicht nur Programmabstürze, sondern können auch Sicherheitslücken verursachen, weshalb besondere Aufmerksamkeit erforderlich ist. In diesem Artikel wird erläutert, wie Sie Nullzeigerausnahmen in C++-Code vermeiden. Zeigervariablen initialisieren Zeiger in C++ müssen vor der Verwendung initialisiert werden. Wenn der Zeiger nicht initialisiert ist, zeigt er auf eine zufällige Speicheradresse, was zu einer Nullzeigerausnahme führen kann. Um einen Zeiger zu initialisieren, zeigen Sie ihn auf einen

Wuthering WavesEinführung in Dinge, die während des Tests beachtet werden müssen Wuthering WavesEinführung in Dinge, die während des Tests beachtet werden müssen Mar 13, 2024 pm 08:13 PM

Bitte vermeiden Sie während des Mingchao-Tests Systemaktualisierungen, Werksresets und den Austausch von Teilen, um zu verhindern, dass Informationsverluste zu abnormalen Spielanmeldungen führen. Besondere Erinnerung: Während des Testzeitraums gibt es keinen Einspruchskanal. Gehen Sie daher bitte mit Vorsicht vor. Einführung in die Vorsichtsmaßnahmen während des Mingchao-Tests: Aktualisieren Sie das System nicht, stellen Sie die Werkseinstellungen nicht wieder her, ersetzen Sie keine Gerätekomponenten usw. Hinweise: 1. Bitte aktualisieren Sie das System während des Testzeitraums sorgfältig, um Informationsverluste zu vermeiden. 2. Wenn das System aktualisiert wird, kann es dazu kommen, dass die Anmeldung beim Spiel nicht möglich ist. 3. Zu diesem Zeitpunkt ist der Einspruchskanal noch nicht geöffnet. Den Spielern wird empfohlen, nach eigenem Ermessen zu entscheiden, ob sie ein Upgrade durchführen möchten. 4. Gleichzeitig kann ein Spielkonto nur mit einem Android-Gerät und einem PC verwendet werden. 5. Es wird empfohlen, zu warten, bis der Test abgeschlossen ist, bevor Sie das Mobiltelefonsystem aktualisieren, die Werkseinstellungen wiederherstellen oder das Gerät austauschen.

Wie starte ich zum ersten Mal eine Live-Übertragung auf Douyin? Was ist bei der ersten Live-Übertragung zu beachten? Wie starte ich zum ersten Mal eine Live-Übertragung auf Douyin? Was ist bei der ersten Live-Übertragung zu beachten? Mar 22, 2024 pm 04:10 PM

Mit dem Aufkommen von Kurzvideoplattformen ist Douyin zu einem festen Bestandteil des täglichen Lebens vieler Menschen geworden. Live-Übertragungen auf Douyin und die Interaktion mit Fans sind die Träume vieler Nutzer. Wie startet man also zum ersten Mal eine Live-Übertragung auf Douyin? 1. Wie starte ich zum ersten Mal eine Live-Übertragung auf Douyin? 1. Vorbereitung Um die Live-Übertragung zu starten, müssen Sie zunächst sicherstellen, dass Ihr Douyin-Konto die Authentifizierung mit echtem Namen abgeschlossen hat. Das Tutorial zur Echtnamen-Authentifizierung finden Sie unter „Ich“ -> „Einstellungen“ -> „Konto und Sicherheit“ in der Douyin-APP. Nach Abschluss der Authentifizierung mit echtem Namen können Sie die Live-Übertragungsbedingungen erfüllen und mit der Live-Übertragung auf der Douyin-Plattform beginnen. 2. Beantragen Sie eine Live-Übertragungserlaubnis. Nachdem Sie die Bedingungen für die Live-Übertragung erfüllt haben, müssen Sie eine Live-Übertragungserlaubnis beantragen. Öffnen Sie die Douyin-App und klicken Sie auf „Ich“ -> „Creator Center“ -> „Direkt“.

Schritte und Vorsichtsmaßnahmen für die Installation von Pip ohne Netzwerk Schritte und Vorsichtsmaßnahmen für die Installation von Pip ohne Netzwerk Jan 18, 2024 am 10:02 AM

Methoden und Vorsichtsmaßnahmen für die Installation von Pip in einer Offline-Umgebung. Die Installation von Pip wird in einer Offline-Umgebung, in der das Netzwerk nicht reibungslos funktioniert, zu einer Herausforderung. In diesem Artikel stellen wir verschiedene Methoden zur Installation von Pip in einer Offline-Umgebung vor und stellen spezifische Codebeispiele bereit. Methode 1: Verwenden Sie das Offline-Installationspaket, um in einer Umgebung, in der Sie eine Verbindung zum Internet herstellen können, das PIP-Installationspaket von der offiziellen Quelle herunterzuladen: pipdownloadpip. Dieser Befehl lädt PIP und seine abhängigen Pakete automatisch von der offiziellen Quelle herunter Quelle und speichern Sie sie im aktuellen Verzeichnis. Verschieben Sie das heruntergeladene komprimierte Paket an einen Remote-Speicherort

Schritte und Vorsichtsmaßnahmen für die Verwendung von localstorage zum Speichern von Daten Schritte und Vorsichtsmaßnahmen für die Verwendung von localstorage zum Speichern von Daten Jan 11, 2024 pm 04:51 PM

Schritte und Vorsichtsmaßnahmen für die Verwendung von localStorage zum Speichern von Daten In diesem Artikel wird hauptsächlich die Verwendung von localStorage zum Speichern von Daten vorgestellt und relevante Codebeispiele bereitgestellt. LocalStorage ist eine Methode zum Speichern von Daten im Browser, die die Daten lokal auf dem Computer des Benutzers speichert, ohne einen Server zu durchlaufen. Im Folgenden finden Sie die Schritte und Dinge, die Sie beachten sollten, wenn Sie localStorage zum Speichern von Daten verwenden. Schritt 1: Prüfen Sie, ob der Browser LocalStorage unterstützt

Samsung: Neues, großes Display auf Basis der E-Ink-Technologie zeigt Farben an und kommuniziert drahtlos Samsung: Neues, großes Display auf Basis der E-Ink-Technologie zeigt Farben an und kommuniziert drahtlos Jun 19, 2024 pm 03:37 PM

Wir berichten häufig über Geräte, die auf Displays mit elektronischer Tinte basieren, wie zum Beispiel E-Reader. Die Technologie bietet eine Reihe von Vorteilen: Sie kann in hellen Umgebungen ohne Hintergrundbeleuchtung gelesen werden und benötigt beim Schalten ohne Licht nur Strom

anzeigen, was es bedeutet anzeigen, was es bedeutet Oct 26, 2023 am 11:50 AM

Unter Anzeige versteht man in der Regel den Vorgang oder die Funktion, dem Benutzer Daten, Informationen oder Ergebnisse auf irgendeine Weise anzuzeigen oder auf einem Bildschirm oder einem anderen Gerät auszugeben. Spezifische Bedeutung: 1. In der Befehlszeilenschnittstelle (CLI) kann sich „Anzeige“ auf die Ausgabe von Daten in Text, Tabellen oder anderen Formaten im Terminalfenster beziehen, damit Benutzer sie anzeigen oder analysieren können. 2. In der grafischen Benutzeroberfläche (GUI) „Anzeige“. kann sich auf die Anzeige von Bildern, Text, Diagrammen und anderen Inhalten im Anwendungsfenster oder auf der Benutzeroberfläche zur Benutzerinteraktion oder zum Durchsuchen usw. beziehen.

See all articles