Zentrieren Sie ein Div auf einem Hintergrundbild mit einer Höhe von 100 Vh

Ich arbeite an einem Kurs, in dem ich oben eine Navigationsleiste mit fester Position habe. Der Hintergrund ist auf eine Höhe von 100 VH eingestellt und das Div mit dem Textinhalt befindet sich in der Mitte des Hintergrunds. Mit Flexbox ist es fast zentriert, aber um es wirklich in die Mitte des Hin...

P粉006847750 2024-02-17 12:39:44 0  1  429

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  418

css – So schreiben Sie ein responsives Layout mit Hintergrundbildern

Ähnlich wie hier möchte ich jetzt eine Komponente mit einem Hintergrundbild erstellen, aber das Hintergrundbild kann nicht 100 % groß sein, und dann muss sich in der Mitte ein Inhalt befinden, links ein Bild und rechts ein Text es reagiert?

怪我咯 2017-07-06 10:37:20 0  3  2130

javascript - Bildsammeleffekt plus 3D-Effekt Warum gibt es nach dem Sammeln Linien?

Es gibt viele Unterabteilungen in einer Abteilung, und die Hintergrundbilder der Unterabteilungen werden zu einem Gesamtbild zusammengefügt. Für den Sammeleffekt habe ich einen 3D-Y-Achsen-Inversionseffekt hinzugefügt. Warum gibt es eine kleine Lücke? die Mitte beim Spleißen? Logischerweise sollte e...

曾经蜡笔没有小新 2017-05-18 10:46:23 0  1  578

Benötigen Sie Hilfe beim Zentrieren von Inhalten und beim Anklicken von Bildlinks?

Im Wesentlichen muss das Bild und der Titel zentriert auf dem Bildschirm angezeigt werden, aber ich muss auch darauf achten, dass das Bild anklickbar ist und der Link geöffnet werden kann. Ich glaube, ich habe den richtigen Code dafür, aber ich habe immer noch diese beiden Probleme. Außerdem gibt es...

P粉794851975 2023-09-13 12:12:49 0  1  692

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  853

javascript - Bei einem solchen Effekt dreht sich das mittlere Bild und auch der Hintergrund dreht sich entsprechend. Handelt es sich um einen visuellen Unterschiedseffekt?

(www.sf.gg) ist Chinas führende Entwickler-Technologie-Community. Wir hoffen, eine reine, hochwertige technische Austauschplattform für Programmierbegeisterte bereitzustellen, mit Entwicklern zu lernen, zu kommunizieren und zu wachsen und eine Ära für Entwickler zu schaffen!

黄舟 2017-05-19 10:16:26 0  3  530

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  896

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  780

CSS-Raster: Erstellen Sie eine neue Zeile, wenn der untergeordnete Inhalt die Spaltenbreite überschreitet

Ich habe ein zweispaltiges Layout basierend auf einem CSS-Raster. Wenn der Inhalt der zweiten Spalte 1fr überschreitet, möchte ich eine neue Zeile erstellen. So wie es derzeit aussieht, läuft der Inhalt einfach über die Spalte hinaus. Eine Voraussetzung für dieses Layout ist, dass sich die Elemente ...

P粉212114661 2023-09-05 15:18:28 0  1  657

PHP-Volltextsuchfunktion mit den Operatoren AND, OR und NOT

Frage für Anfänger: Ich versuche, eine Volltextsuche für eine Suchzeichenfolge mithilfe von PHP und Eloquent zu implementieren. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  628

Der kürzeste Weg, alle PHP-Typen in Strings umzuwandeln

Ich schreibe ein allgemeines System, von dem ich hoffe, dass es eines Tages auf Bereiche wie die Medizin angewendet werden kann (d. h. es ist „wissenschaftlich“). Ich denke, der beste Weg ist, alle Daten in PHP mit Strings darzustellen (true wird „true“, false wird „false“ sein und so weiter). Der G...

P粉369196603 2023-09-05 15:34:44 0  1  1049

So erhalten Sie den Durchschnitt der DATETIME-Spalte in MySQL beim Gruppieren nach anderen Spalten

Ich erstelle und fülle eine MySQL-Tabelle mit der folgenden Abfrage: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1",2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  533

Synchronisierung mehrerer Geräte (Mobiltelefone) – React Native

Ich versuche, eine Lightshow zu erstellen, die auf den Mobilgeräten aller Benutzer gleichzeitig startet (kann bis zu 2000–3000 Benutzer haben). Alle Benutzer nutzen das Internet (WLAN oder mobile Daten). In unserem FE verwenden wir Apollo für Abonnements und es funktioniert hervorragend. Das Problem...

P粉151466081 2023-09-05 11:58:38 0  1  727

Pik, Karo, Herz, Kreuz => Stile ändern die Schriftfarbe in Chrome für Android nicht

In Google Chrome unter Windows werden die Symbole der Kartenfarbe (Pik, Herz, Karo, Kreuz) mithilfe des Attributs „style“ korrekt gefärbt. Leider werden auf derselben Seite, die in Google Chrome auf Android angezeigt wird, nicht die von mir definierten Farben angezeigt, sondern die Standardfarben Sc...

P粉896751037 2023-09-05 15:25:13 0  1  780

Wie verstecke ich mein TextField-Label?

Ich entwickle eine Nextjs-App und habe eine mit Mui erstellte Dashboard-Navigationsleiste, die eine Benachrichtigung enthält, die das Benachrichtigungsfeld öffnet, das mit normalem HTML und CSS erstellt wurde. Dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box&qu...

P粉239164234 2023-09-05 15:41:00 0  1  717

Benutzerdefiniertes Bootstrap 5-Karussell auf Mobilgeräten (mehrere Elemente, aber nicht in einer Reihe)

Ich habe Probleme beim Anpassen des Karussell-Layouts auf Mobilgeräten. Ich möchte, dass auf Mobilgeräten jedes Element des Karussells angezeigt wird und nicht nur eines, aber nachdem ich es mit etwas CSS und JS versucht habe, insbesondere mit displayfloat oder max-witdh, fange ich an zu glauben, da...

P粉763662390 2023-09-05 11:53:56 0  1  616

Wie verwende ich die Firebase-Authentifizierung mit mehreren Anmeldemethoden und rollenbasierter Authentifizierung?

Ich erstelle eine React.js-Anwendung mit NodeJS als Backend und möchte diese Authentifizierungsmethoden verwenden, um mich mit E-Mail/Passwort anzumelden, mich mit Google anzumelden und mich per Telefon anzumelden. Jetzt möchte ich die Einzigartigkeit des Benutzers beibehalten, während ich den Namen...

P粉574695215 2023-09-05 12:18:10 0  1  693