Ich verwende dieses CSS für die Hintergrundopazität von <div>
:
background: rgba(255, 255, 255, 0.3);
Es funktioniert gut in Firefox, aber nicht in IE 8. Wie bringe ich es zum Laufen?
css
internet-explorer-8
rgba
Mond
quelle
quelle
rgba()
Farbwerte werden in IE 8 nicht unterstützt.1x1
: stackoverflow.com/questions/7764751/…Um den RGBA- und HSLA-Hintergrund im IE zu simulieren, können Sie einen Verlaufsfilter mit derselben Start- und Endfarbe verwenden (Alphakanal ist das erste Paar im Wert von HEX).
quelle
Ich glaube, dies ist das Beste, da es auf dieser Seite ein Tool gibt, mit dem Sie einen alpha-transparenten Hintergrund generieren können:
" Cross Browser Alpha transparenter Hintergrund CSS (rgba) " (* jetzt verlinkt mit archive.org)
quelle
Das transparente PNG-Bild funktioniert in IE 6- nicht. Alternativen sind:
mit CSS:
oder mach es einfach mit jQuery:
quelle
Obwohl spät, hatte ich das heute zu nutzen und fand einen sehr nützlichen PHP - Skript hier , das Sie erlaubt, dynamisch eine PNG - Datei zu erstellen, ähnlich wie die Art und Weise rgba funktioniert.
Das Skript kann hier heruntergeladen werden: http://lea.verou.me/wp-content/uploads/2009/02/rgba.zip
Ich weiß, dass es möglicherweise nicht für jeden die perfekte Lösung ist, aber in einigen Fällen lohnt es sich, darüber nachzudenken, da es viel Zeit spart und einwandfrei funktioniert. Hoffe das hilft jemandem!
quelle
rgba
? Wird die URL rgba.php nur von Browsern angefordert, die dies nicht unterstützen ? Oder wird es immer von allen Benutzern angefordert und einfach nicht angezeigt?Es gibt meistens alle Browser, die RGBa-Code in CSS unterstützen, aber nur IE8 und darunter unterstützen keinen RGBa-CSS-Code. Dafür ist hier Lösung. Für die Lösung müssen Sie diesem Code folgen und es ist besser, mit der Reihenfolge zu gehen, da Sie sonst nicht die perfekte Ausgabe erhalten, wie Sie es wünschen. Dieser Code wird von mir verwendet und ist größtenteils perfekt. Kommentar abgeben, wenn es perfekt ist.
quelle
Sie verwenden CSS, um die Deckkraft zu ändern. Um mit IE fertig zu werden, benötigen Sie Folgendes:
Das einzige Problem dabei ist jedoch, dass alles im Behälter eine Deckkraft von 0,3 hat. Daher müssen Sie Ihren HTML-Code ändern, um einen anderen Container zu haben, der sich nicht in dem transparenten befindet und Ihren Inhalt enthält.
Andernfalls würde die PNG-Technik funktionieren. Außer Sie benötigen einen Fix für IE6, der an sich Probleme verursachen kann.
quelle
rgba()
erst in Version 3 unterstützt, und Opera unterstützte es erst in Version 10.Ich bin zu spät zur Party, aber für alle anderen, die dies finden - dieser Artikel ist sehr nützlich: http://kilianvalkhof.com/2010/css-xhtml/how-to-use-rgba-in-ie/
Es verwendet den Verlaufsfilter, um feste, aber transparente Farben anzuzeigen.
quelle
Um den
rgba
Hintergrund im IE zu verwenden, gibt es einen Fallback.Wir müssen die Filtereigenschaft verwenden. das nutzt
ARGB
Dies ist ein Fallback für
rgba(255, 255, 255, 0.2)
Ändern Sie
#33ffffff
nach Ihren Wünschen.Wie berechnet man
ARGB
fürRGBA
quelle
Dies funktionierte für mich, um das Problem in IE8 zu lösen:
Prost
quelle
Diese Lösung funktioniert wirklich, probieren Sie es aus. In IE8 getestet
quelle
Es ist sehr einfach, dass Sie zuerst geben müssen, dass Sie Backgound als RGB angeben müssen, da Internet Explorer 8 RGB anstelle von RGBA unterstützt und Sie dann Opazität wie geben müssen
filter:alpha(opacity=50);
quelle
Dies ist eine Transparenzlösung für die meisten Browser, einschließlich IE x
quelle
Die beste Lösung, die ich bisher gefunden habe, ist die von David J Marland in seinem Blog vorgeschlagene , um die Deckkraft in alten Browsern (IE 6+) zu unterstützen:
quelle
Nachdem ich viel gesucht hatte, fand ich die folgende Lösung, die in meinen Fällen funktioniert:
* Wichtig: Um ARGB (für IEs) aus RGBA zu berechnen, können wir Online-Tools verwenden:
quelle