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

javascript - Wie schneide ich Bilder online über HTML5 oder Original-JS in abgerundete Rechtecke zu?

Gibt es in h5 oder js eine Möglichkeit, Bilder auf der Webseite zuzuschneiden und sie dann in abgerundete Ecken zu schneiden? Bisher habe ich nur rechteckige Schnitte gesehen. Ich frage mich, ob es möglich ist, einen transparenten PNG-Schnitt mit abgerundeten Ecken zu erzielen.

ringa_lee 2017-06-08 11:03:09 0  2  810

iOS-Videowiedergabe – Die iOS-avPlayer-Ebene legt abgerundete Ecken fest

Ich verwende avplayer zum Abspielen von Videos und möchte abgerundete Ecken für die Videoebene festlegen. Ich stelle maskToBounds und CornerRadius von avplayerlayer ein. Die Ebene wird der imageView über die addSubLayer-Methode hinzugefügt. Darüber hinaus zeigt imageView Albumbilder an und kann ...

天蓬老师 2017-06-07 09:24:56 0  1  1265

So fügen Sie einem Bild mit dem Elementor-Editor abgerundete Ecken hinzu

Das macht mich verrückt. Ich habe ein Bild in einem Textfeld auf einer einfachen Elementor-Seite. Es passt gut in das „Texteditor-Widget“ und ich möchte abgerundete Ecken hinzufügen. Ich habe unter „Site-Einstellungen/Benutzerdefiniertes CSS“ eine CSS-Klasse erstellt und das Bild dann im Bildeditor ...

P粉821231319 2023-08-15 19:14:43 0  1  582

Wie erstelle ich per CSS eine Box mit abgewinkelten und abgerundeten Ecken auf einer Seite?

Ich habe derzeit das Bedürfnis, so etwas zu machen. Mein erster Gedanke war, den Clip-Pfad zu verwenden, aber die abgerundeten Ecken lassen sich nur schwer umsetzen, und es ist schwierig, 22,5 Grad beizubehalten, wenn die Breite der Schaltfläche aufgrund ihres Inhalts geändert wird. Am Ende habe ich...

P粉068174996 2023-08-25 19:46:29 0  1  536

Sind Randverläufe mit dem Randradius kompatibel?

Ich gestalte ein Eingabefeld mit einem abgerundeten Rand (Randradius) und versuche, dem Rand einen Verlaufseffekt hinzuzufügen. Ich kann erfolgreich Farbverläufe und abgerundete Ränder erstellen, aber nicht beides gleichzeitig. Entweder gibt es abgerundete Ecken, aber keinen Farbverlauf, oder es gib...

P粉824889650 2023-08-21 20:39:38 0  2  486

In tailwind.css hat .rounded-lg keine Auswirkung auf Tabellen.

Derzeit verwende ich die Tailwind-Version 3.3.3. Ich kann den Effekt abgerundeter Ecken für den Tisch nicht erzielen. Ich habe versucht, einen Wrapper-Container mit dem Klassennamen „overflow-hiddenrounded-lg“ hinzuzufügen. Dies löst das Problem der abgerundeten Ecken, aber auch die Ränder auf jeder...

P粉447495069 2023-07-24 20:47:03 0  1  548

Kann ich den Randradius bei Randbildern mit Farbverläufen verwenden?

Ich entwerfe ein Eingabefeld mit einem kreisförmigen Rand (Randradius) und versuche, diesem Rand einen Farbverlauf hinzuzufügen. Ich kann erfolgreich Farbverläufe und kreisförmige Ränder erstellen, aber beides funktioniert nicht zusammen. Es handelt sich entweder um abgerundete Ecken ohne Farbverlau...

P粉633733146 2023-08-29 12:52:01 0  2  545

Android - Hintergrund abgerundete Ecken, abgedeckt

(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-16 13:35:05 0  2  585

So erhalten Sie mit CSS in Safari einen kreisförmigen Umriss auf einer kreisförmigen <Schaltfläche>

Ich versuche, einen runden Knopf mit der gleichen Umrissfarbe zu bekommen, aber das scheint nicht möglich zu sein. Der Umriss ist am Ende immer quadratisch. Gibt es eine Möglichkeit, dies mit a zu erreichen, oder kann es vielleicht nur mit a erreicht werden? button{width:40px;height:40px;border:none...

P粉066725148 2023-10-26 09:54:54 0  2  1033

Migration von Vuetify 2 auf 3: Ersetzen Sie die entfernten Stile .v-application/rounded/flat

Ich versuche, ein Upgrade von Vuetify/Vue2 auf 3 durchzuführen. Ich bin kein Front-End-Entwickler, sondern nur dafür verantwortlich, alten Code zu aktualisieren, damit er funktionsfähig bleibt. Leider scheint der Migrationsleitfaden einige grundlegende CSS-Kenntnisse vorauszusetzen und enthält keine...

P粉258083432 2023-09-01 22:27:02 0  1  634

Personalisieren Sie das Aussehen von Select2 Dropdown

In meinem Fall verwende ich select2Combobox für mein Dropdown-Menü. Wenn sich hier die Länderauswahl ändert, übergebe ich die ausgewählte ID an das JSON-Ergebnis und erhalte das Ergebnis, das dem Kombinationsfeld „Provinz“ zugewiesen ist. In diesem Fall ändert sich die Dropdown-Ansicht von abgerunde...

P粉256487077 2024-04-03 11:27:22 0  1  460

Erstellen eines perforierten Behälters: eine Schritt-für-Schritt-Anleitung

Ich erstelle ein Tutorial zur ersten Verwendung meiner App. Es sieht also aus wie ein Popup zur Verwendung einer Schaltfläche. In einem Tutorial möchte ich, dass der Hintergrund dunkler wird und ein Kreis angezeigt wird, der um die Schaltfläche verläuft und einen Tutorial-Text enthält. Ich möchte al...

P粉426906369 2024-03-31 11:20:02 0  2  427

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

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

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

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

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

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

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