Fügen Sie der Eigenschaft „Hintergrundbild' im Body-Tag eine Animation hinzu: Schritt-für-Schritt-Anleitung

Ich verwende ein Hintergrundbild im Style-Tag. <style>body{background-image:url("img.jpg");background-size:cover;transition:background-image4slinear;}</style>Ich möchte, dass das Bild eingeblendet wird, ohne der Seite ein separates Div hinzuzufügen . Kann dieses Ziel erreicht w...

P粉347804896 2024-03-29 21:59:19 0  2  480

Wie behebe ich verpixelte Hintergrundbilder in Chromium-basierten Browsern?

In Chromium-basierten Browsern ist ein verkleinertes Bild, das als Hintergrundbild verwendet wird, verpixelt und sieht verschwommen aus, wenn es mit einem <img>-Tag angezeigt wird. Gibt es eine Möglichkeit, den Rendering-Stil des Hintergrundbilds so zu ändern, dass es so aussieht, als würde es...

P粉549412038 2024-03-19 21:10:42 0  1  434

Platzieren Sie mit React interaktive Markierungen auf Bildern

Bitte helfen Sie. Ich habe ein Bild wie das folgende, das auf der Startseite angezeigt wird (ein größeres Bild). Beachten Sie, dass das „FORGE“-Haus in der Mitte eine weiß-blaue Markierung mit einem schwarzen Pfeil hat. Das Gleiche gilt für „Mietwohnungen“. Jede dieser Markierungen fungiert als inte...

P粉896751037 2023-09-08 21:25:41 0  1  855

So überlagern Sie ein Bild mit Text mit abgerundetem Hintergrund

Ich muss in HTML reproduzieren, was Sie in diesem Bild sehen: Das Problem ist, dass der Text das Div und das Hintergrundbild verdeckt. Wenn es im äußeren Div kein Bild und keine Volltonfarbe gäbe, kann ich mir vorstellen, dass ich dies ziemlich einfach mit einigen kleinen HTML-Elementen mit abgerund...

P粉328911308 2023-08-30 15:20:14 0  1  518

So legen Sie ein Hintergrundbild fest, machen es im Vollbildmodus und platzieren es auf der Rückseite der Seite (HTML, CSS, JavaScript)

Ich möchte ein Hintergrundbild für dieses einfache Spiel festlegen, das ich erstellt habe, weiß aber nicht, wie ich das Bild auf dem Eingabebildschirm zentrieren und die gesamte Seitenhöhe und -breite abdecken kann. Ich möchte auch, dass das Bild der Hintergrund ist, sodass das Spiel oben auf dem Bi...

P粉384244473 2024-03-22 09:53:51 0  2  420

Schaltflächen erstellen, die sich an die Bildschirmgröße anpassen – ausführliche Erklärung zur Verwendung von Hintergrundbildern

Ich entwickle ein pfsensecaptiveportal, bei dem mehrere Grafiken nebeneinander angezeigt und an die Bildschirmgröße des Geräts angepasst werden müssen. Dies kann gut mit dem Bildeingabetyp erreicht werden. Das Pfsense-Gerät erkennt diesen Commit jedoch nicht richtig. Damit es funktioniert, ist ein C...

P粉345302753 2023-08-16 13:38:12 0  1  657

Versuchen Sie, ein Hintergrundbild mit CSS-Variablen in der Twig-Vorlage zu verwenden

Ich habe also eine Frage. Ich möchte ein Hintergrundbild mit einer CSS-Variablen verwenden und verwende in meinem Projekt Twig, um Artikel zu durchlaufen, die über eine SQL-Anfrage aus meiner Datenbank ausgewählt werden. Jeder Artikel verfügt über einen relativen Link zum Bild in der Datenbank, soda...

P粉083785014 2023-09-04 12:41:18 0  1  560

Filepond fügt vor dem Rendern des Bildes einen Authentifizierungsheader hinzu

Ich verwende das Filepond-Plugin in meiner Vue-Anwendung. Es passt perfekt zu meinen Bewerbungsanforderungen. Derzeit stellt mein Backend-Dienst Bilder über die JWT-Authentifizierung bereit. Wie füge ich einen benutzerdefinierten Header zum Dateipool hinzu, um Bilder in die Komponente zu laden? Folg...

P粉201448898 2024-03-27 13:06:23 0  1  502

Problem beim Hinzufügen eines Anker-Tags um das Bild-Tag

Meine FlexGallery funktioniert einwandfrei. Das einzige Problem besteht darin, dass alles durcheinander gerät, wenn ich das Tag <a> um das Tag <img> hinzufüge. Wenn ich das <img>-Tag mit einem <a>-Tag umschließe, damit ich das Bild in voller Größe öffnen kann, bringt das am E...

P粉998100648 2024-03-22 09:43:59 0  1  489

Wie verwende ich ein Bild aus einer hochgeladenen Datei in HTML als Hintergrund?

Ich versuche, eine Methode zu verwenden, die es dem Benutzer ermöglicht, ein Bild hochzuladen, das als Hintergrund verwendet wird. Ich weiß nicht, ob ich den vollständigen Pfad der Datei benötigen muss. Dies ist die Eingabe, die ich verwenden möchte: Dies ist der JavaScript-Hintergrund=selectBackgro...

P粉920199761 2023-09-08 13:49:16 0  2  557

Warum kann ich eine Komponente nicht als sich wiederholendes Hintergrundbild in einer gestalteten Komponente verwenden?

Beim Versuch, eine Komponente auf ein sich wiederholendes Hintergrundbild eines Div festzulegen, habe ich ein Muster, das auf der gesamten Website wiederverwendet wird. Optimierte Musterkomponenten: importReactfrom'react'importPropTypesfrom'prop-types'importstyledfrom'styled-components'constContaine...

P粉909476457 2023-09-12 16:55:41 0  1  551

Fügen Sie im HTML- und CSS-Bereich hinter der Navigationsleiste ein Hintergrundbild hinzu, damit beim Scrollen kein Leerzeichen angezeigt wird

Ich weiß nicht, wie ich dafür sorgen soll, dass das Hintergrundbild in HTML und CSS unterhalb der Navigationsleiste und der Fußzeile ausgefüllt wird. Wenn ich durch die Navigationsleiste scrolle, ist das Leerzeichen nur ein Leerzeichen. Ich möchte, dass es ohne Leerzeichen oben und unten scrollt. Da...

P粉118698740 2023-09-10 09:12:07 0  2  578

Implementieren Sie Übergangseffekte für die Bildersetzung mit reinem Javascript

Auf einer von mir erstellten Website habe ich eine Reihe von Akkordeons, auf denen jeweils ein Bild zu sehen ist. Wenn Sie das Akkordeon öffnen, befindet sich darin eine Beschreibung und das Bild wechselt zu einem anderen. Wenn Sie dann das Akkordeon schließen, wechselt das Bild zurück zum ersten Bi...

P粉458913655 2024-03-30 00:14:11 0  1  468

Wie kann ich das Hintergrundsymbol vergrößern?

Im Hintergrundbild dieses Kapitels gibt es beispielsweise viele Symbole. Ich möchte nur das erste Symbol. Die Breite und Höhe dieses Symbols beträgt beispielsweise nur 30 x 30 Pixel. Ich schreibe CSS wie folgt: Hintergrund: URL (../images/xxx.png); Hintergrundposition: 0px -30px; Breite: 40px Höhe: ...

何惜一博 2018-09-21 16:12:16 0  2  1319

Responsives PNG-Bild auf Hintergrundbild?

Ich versuche, ein Seitendesign wie dieses zu erstellen: Klicken Sie und tatsächlich ist es mir gelungen. Das Problem ist, dass sich die Elemente überlappen, wenn ich die Auflösung der Webseite ändere, sich das Hintergrund-Div und PNG unterschiedlich verhalten und alles schrecklich aussieht. (Ich hab...

P粉107991030 2024-02-21 21:06:46 0  1  471

Hintergrundbild anzeigen

Ich möchte meinem Projekt ein Hintergrundbild hinzufügen, aber es funktioniert nicht. Ich habe versucht, das Hintergrundbild global hinzuzufügen, aber es funktioniert nicht.

P粉347804896 2023-07-25 13:13:23 0  1  562

Das Seitenverhältnis des Bildes im Bild

Ich habe ein Bild mit einem Titel wie diesem: Titel Ich habe auch img{max-width:100%} in CSS. Ich möchte die Breite und Höhe eines Bildes gleichzeitig festlegen und dessen Seitenverhältnis beibehalten, wenn die Breite unter den eingestellten Wert fällt. Also habe ich Code wie diesen ausprobiert: Tit...

P粉557957970 2023-08-17 20:24:04 0  1  515

Hintergrund und transparenter Text werden abgeschnitten

Gibt es eine Möglichkeit, mit CSS den Effekt zu erzeugen, dass transparenter Text aus dem Hintergrund herausgeschnitten wird, wie unten gezeigt? Es wäre eine Schande, all Ihr wertvolles SEO zu verlieren, weil Bilder den Text ersetzen. Zuerst dachte ich an Schatten, aber mir fiel nichts ein ... Das B...

P粉439804514 2024-03-25 16:47:36 0  2  636

Wie lege ich mit Next.js ein Hintergrundbild fest?

Ich habe versucht, das Hintergrundbild mit Next.js festzulegen, konnte es aber nicht. Das wird nicht funktionieren. Das Bild wird nicht angezeigt: //globals.cssbody{background:url("/images/grid.svg")repeat;} Ich möchte das Hintergrundbild auf der gesamten Seite wie folgt wiederholen: Wie r...

P粉725827686 2023-09-09 12:39:05 0  1  565

Wie kann ich vor dem Laden Platz für ein Bild variabler Größe reservieren, um Layoutänderungen zu verhindern?

Ich habe eine HTML-Seite, die Text, ein Bild-Tag und etwas Text wie diesen enthält: Dies ist der Text vor dem Bild. <imgsrc="image.jpeg"/>Dies ist der Text nach dem Bild. Wenn die Seite nun geladen wird, wird der Text vor den Bildern geladen, da das Laden der Bilder länger dauert. Da...

P粉936509635 2023-08-28 00:04:44 0  1  639