Durch die direkte Verwendung von SVG im HTML-Markup kann ich die Rolle nicht einer Schaltfläche zuweisen oder den gewünschten Hover-Effekt erzielen

Ich habe einen Container mit einem Symbol, das zwei Funktionen erfüllen soll: Wie eine Schaltfläche fungieren (über Tastatur/Screenreader usw. zugänglich) Rot werden bei Hover/Fokus Wenn ich das SVG direkt im Markup verwende, hat der Hover den Stopp-Effekt Funktioniert wie erwartet, aber ich kann di...

P粉940538947 2023-09-06 20:29:59 0  1  583

Die Start- und Endpunkte des Bildes

Ich versuche, den Start- und Endpunkt eines Bildes festzulegen. Ich habe also meine Leinwand und ein Bild. Wenn ich das Bild auf die Leinwand lege, soll ein kleiner roter Kreis aufleuchten, wenn ich mit der Maus über die Start-/Endpunkte fahre, was bedeutet, dass ich eine Verbindung mit anderen Bild...

P粉511757848 2023-08-31 12:24:51 0  1  581

angular.js - angularjs 使用鼠标悬停时，标签一直闪

我在用angularjs写一个鼠标悬停事件的时候发现鼠标时标签一直闪， angular代码如下： {代码...} 请问一下这段代码有什么问题吗? 要实现的效果就是鼠标悬停到登录成功的标签时，出现进入主页标签。 麻烦看出问题的...

巴扎黑 2017-05-15 17:07:12 0  3  676

Wie ändere ich die Hintergrundfarbe von MUI-Tooltips?

Ich möchte, dass ein „?“-Benutzer mit der Maus über das Symbol fahren kann und Angaben dazu erhält, welche Daten in das Textfeld eingegeben werden sollen. Der Standard-Hover von MUI ist grau mit weißem Text, aber ich möchte, dass mein Hover weiß mit grauem Text und einer größeren Schriftart ist. Ich...

P粉147045274 2023-09-04 11:56:50 0  1  842

Fehler beim Neigungseffekt beim Schweben

Ich habe eine Schaltfläche mit einem Neigungseffekt, in der sich ein Text befindet, und wenn ich mit der Maus über die Schaltfläche fahre, werden neben der Schaltfläche zwei Linien angezeigt. Es gibt Code, der über der Schaltfläche schwebt, bis Sie ihn sehen, was ein sehr zufälliger Nebeneffekt ist....

P粉520545753 2024-03-29 13:34:50 0  1  359

Ändern Sie die Farbe der Textfeldbeschriftungen in der MUI

Hallo, ich habe Probleme beim Ändern der Textbeschriftungsfarbe in einem MUI-Textfeld. Ich habe die Rahmenfarbe und den Hover-Status (einschließlich der Beschriftung) erfolgreich angepasst. Ich kann die Beschriftungsfarbe im Nicht-Hover-Status einfach nicht ändern. Ich habe verschiedene im DOM gefun...

P粉860370921 2023-08-26 17:15:52 0  1  512

CSS-Hover-Stil für Element innerhalb von div mit transform-style:preserve-3d funktioniert in Safari nicht

Ich habe einen Parallax-Scrolling-Header mit einigen sozialen Symbolen darin mit Hover-Stilen implementiert. Hover-Stile funktionieren derzeit nicht in Safari. Wenn ich transform-style:preserve-3d aus dem Container entferne, funktioniert der Hover-Stil (unterbricht jedoch die Parallaxe). Es funktion...

P粉346326040 2023-08-30 18:33:26 0  1  509

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

Wie entferne ich die Übergangsverzögerung beim Vue-Übergang?

Ich verwende Vue, um ein Textfeld so zu animieren, dass es nach oben verschoben und eingeblendet wird, wenn die Maus über einem Bild schwebt. Die Animation ist korrekt, es gibt jedoch eine leichte Verzögerung, bevor sie startet. Ich möchte, dass das Textfeld reibungslos verläuft und sofort eingeblen...

P粉757432491 2023-08-17 17:36:49 0  1  512

Wie kann verhindert werden, dass die konvertierten Elemente durch Überlauf automatisch abgeschnitten werden?

Ich verwende Bootstrap4, um eine modale Galerie für die persönliche Website eines Freundes zu erstellen. Ich habe es so eingerichtet, dass die Bilder beim Schweben erweitert werden. Wenn ich den Überlauf jedoch auf „Auto“ stelle, werden sie am Rand des Modals (oder Div) abgeschnitten. Die Galerie is...

P粉242535777 2023-09-07 20:04:02 0  1  591

Erstellen Sie einen Hover-Effekt, der die Menüschaltfläche mit einer schattierten Klonversion in eine X-Form umwandelt

Zunächst möchte ich zugeben, dass mein Titel verwirrend ist, und das tut mir leid. Was ich erreichen möchte, ist der folgende Effekt beim Schweben: Meine Website ist hier https://wordpress-493302-3130963.cloudwaysapps.com/ Ich habe die Hälfte von dem, was ich erreichen möchte, mit CSS-Übergängen erf...

P粉546257913 2024-04-04 11:55:21 0  2  464

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

Wie kann ich dafür sorgen, dass ein Marker in Leaflet zwei Popups hat? Eines beim Mouseover und ein anderes beim Klicken?

Ich möchte, dass die Titel über Markierungen auf der Karte schweben und beim Klicken darauf ein vollständiges Popup mit unterschiedlichen Inhalten geöffnet wird. Ich versuche, eine Legende zu erstellen, die eine Liste aller Markierungen enthält, die als Links zu den entsprechenden Popups verwendet w...

P粉254077747 2024-04-01 12:40:41 0  1  494

Verbessern Sie Verlaufshintergründe mit CSS3-Übergängen

Ich versuche, mithilfe von CSS einen Übergang auf einem Miniaturbild zu erstellen, sodass der Hintergrund beim Schweben eingeblendet wird. Die Konvertierung funktioniert nicht, aber wenn ich sie einfach in einen rgba()-Wert ändere, funktioniert es wunderbar. Unterstützt es keine Farbverläufe? Ich ha...

P粉955063662 2023-10-12 18:05:11 0  2  634

Javascript – Ich habe ein seltsames Problem festgestellt. Die von mir geschriebene CSS-Animation wurde automatisch angehalten, als ich den Tab schloss.

Ich habe ein seltsames Problem festgestellt. Die von mir geschriebene CSS-Animation wurde automatisch angehalten, als ich den Tab schloss, und weiter abgespielt, als ich den Tab erweiterte. Ich verwende das Hintergrundbild zum Bewegen, um den Bewegungseffekt zu erzielen. Hängt das mit diesem Grund z...

给我你的怀抱 2017-06-30 09:52:30 0  1  853

Verwenden Sie CSS3-Übergänge mit Verlaufshintergründen

Ich versuche, mithilfe von CSS einen Übergang auf einem Miniaturbild zu erstellen, sodass der Hintergrund beim Schweben eingeblendet wird. Die Konvertierung funktioniert nicht, aber wenn ich sie einfach in einen rgba()-Wert ändere, funktioniert es einwandfrei. Unterstützt es keine Farbverläufe? Ich ...

P粉217629009 2023-08-23 21:25:42 0  2  651

Wie kann ich dafür sorgen, dass sich Text beim Klicken in ein neues Element (z. B. eine Trennlinie) verwandelt?

Ich versuche eine Möglichkeit zu finden, bestimmte Texte auf der Seite beim Klicken in Trennzeichen/neue Elemente umzuwandeln. Ich weiß nicht, wie ich es erklären soll, aber stellen Sie sich ein Bild mit einem Titel darunter vor – klicken Sie auf den Titel, und dann wird das Bild oben zu einem Textf...

P粉872101673 2024-04-04 11:21:03 0  1  3808

So beschränken Sie CSS so, dass es nur für ein Div in derselben Kategorie wirksam wird

Ich versuche, beim Mouseover einen Titel über einem Bild erscheinen zu lassen, aber alle müssen dieselbe Klasse haben. Ich weiß nicht, ob das, was ich frage, möglich ist, aber ich würde verschiedene Lösungen in Betracht ziehen. Das ist mein aktueller Code. <divclass="item"><imgcla...

P粉475315142 2023-09-09 21:32:30 0  1  531

Fügen Sie :Hover-Effekte dynamisch zu mehreren Elementen hinzu

Ist es möglich, programmgesteuert einen Hover-Effekt zu mehreren Elementen hinzuzufügen? In unserem System, in dem es mehrere Elemente gibt, die eine einzelne Einheit darstellen (aber aus anderen Gründen in mehrere Elemente aufgeteilt werden müssen), sollten sie in manchen Fällen beim Schweben gemei...

P粉203792468 2023-08-15 23:49:58 0  1  506

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