Zurücksetzen der Deckkraft eines untergeordneten Elements – Maple Browser (Samsung TV App)
Lesezeit: 3 Minuten
GibboK
Ich habe ein Problem beim Erstellen eines transparenten Elements, das ein untergeordnetes Element hat. Mit diesem Code erhält das untergeordnete Element den Opazitätswert vom übergeordneten Element.
Ich muss die Elementopazität des Kindes auf einen beliebigen Wert zurücksetzen/einstellen. Browser der Referenz ist Maple Browser (for a Samsung TV Application).
Ich muss wahrscheinlich ein separates Element dafür erstellen. Lassen Sie mich Ihre Gedanken wissen. Danke
– GibboK
22. November 2012 um 9:00 Uhr
Der Maple-Browser verwendet die Gecko-Engine, die die Opazität gut unterstützt, also sollte es funktionieren. Was ist Ihr Markup?
– Kyle
22. November 2012 um 9:01 Uhr
Kyle
Das Problem, das Sie wahrscheinlich haben (basierend auf Ihren Selektoren), ist, dass die Deckkraft alle untergeordneten Elemente eines übergeordneten Elements betrifft:
div
{
background: #000;
opacity: .4;
padding: 20px;
}
p
{
background: #f00;
opacity: 1;
}
Vielen Dank für Ihre Hilfe, ich muss die Farbe für den TEXT in p einstellen, nicht den Hintergrund … Ihren Code an den Hintergrund anpassen: rgba (255, 255, 255, 1); Ich habe immer noch das gleiche Problem. Vielen Dank für Ihre Zeit.
– GibboK
22. November 2012 um 9:08 Uhr
Ah, ich mache eine neue Geige für dich. 🙂
– Kyle
22. November 2012 um 9:10 Uhr
Die Antwort wurde aktualisiert, um sie für Farbe zu verwenden, und dass Sie die Deckkraft von übergeordneten Elementen entfernen müssen.
– Kyle
22. November 2012 um 9:12 Uhr
Es funktioniert großartig auf Desktop-Browsern, aber nicht auf Mepla, ich teste auf einem Samsung SmartTv 2012
– GibboK
22. November 2012 um 9:13 Uhr
Das ist das Beste im Universum – Arbeiten in FF 33 für Linux Mint.
– Benutzer1063287
27. November 2014 um 23:44 Uhr
Sebastian Lorber
Kyles Lösung funktioniert gut.
Wenn Sie Ihre Farben nicht mit RGBA, sondern mit HEX einstellen möchten, gibt es außerdem Lösungen.
Mit LESS zum Beispiel könnten Sie ein Mixin verwenden wie:
Siehe Wie konvertiere ich HEX-Farbe mit dem Less-Compiler in RGBA?
Die obige Antwort funktioniert gut, aber für Leute, die gerne Hex-Farbcodes verwenden, können Sie die Transparenz durch Hex-Farbe selbst einstellen. EXP: #472d20b9 – die letzten beiden Werte legen die Deckkraft für die Farbe fest, während #472d20 die gleiche Farbe, aber ohne Deckkraft ist. Hinweis: Funktioniert gut in Chrome und Firefox, während Edge und IE dies nicht tun. Hatte noch keine Gelegenheit, es in anderen Browsern zu testen.
11302900cookie-checkZurücksetzen der Deckkraft eines untergeordneten Elements – Maple Browser (Samsung TV App)yes
Das sieht so aus, als sollte es funktionieren…
– Ben
22. November 2012 um 8:57 Uhr
Ich muss wahrscheinlich ein separates Element dafür erstellen. Lassen Sie mich Ihre Gedanken wissen. Danke
– GibboK
22. November 2012 um 9:00 Uhr
Der Maple-Browser verwendet die Gecko-Engine, die die Opazität gut unterstützt, also sollte es funktionieren. Was ist Ihr Markup?
– Kyle
22. November 2012 um 9:01 Uhr