Używam tego CSS do nieprzezroczystości tła <div>
:
background: rgba(255, 255, 255, 0.3);
Działa dobrze w Firefoksie, ale nie w IE 8. Jak to zrobić?
css
internet-explorer-8
rgba
Księżyc
źródło
źródło
rgba()
wartości kolorów nie są obsługiwane w IE 8.1x1
: stackoverflow.com/questions/7764751/ ...aby zasymulować tło RGBA i HSLA w IE, można użyć filtru gradientowego, z tym samym kolorem początkowym i końcowym (kanał alfa to pierwsza para w wartości HEX)
źródło
Uważam, że jest to najlepsze rozwiązanie, ponieważ na tej stronie znajduje się narzędzie, które pomoże Ci wygenerować tło przezroczyste alfa:
„ CSS z przezroczystym tłem alfa w różnych przeglądarkach (rgba) ” (* teraz link do archive.org)
źródło
przezroczysty obraz png nie będzie działał w IE 6-, alternatywami są:
z CSS:
lub po prostu zrób to z jQuery:
źródło
Choć późno, musiałem użyć tego dzisiaj i znalazłem bardzo przydatny skrypt php tutaj , że będzie można dynamicznie utworzyć plik PNG, podobnie jak sposób działania RGBA.
Skrypt można pobrać tutaj: http://lea.verou.me/wp-content/uploads/2009/02/rgba.zip
Wiem, że może to nie być idealne rozwiązanie dla wszystkich, ale w niektórych przypadkach warto to rozważyć, ponieważ oszczędza dużo czasu i działa bez zarzutu. Mam nadzieję, że to komuś pomoże!
źródło
rgba
? Czy też zawsze jest to wymagane przez wszystkich użytkowników i po prostu nie jest wyświetlane?Większość przeglądarek obsługuje kod RGBa w CSS, ale tylko IE8 i poniżej nie obsługują kodu css RGBa. To tutaj jest rozwiązanie. W przypadku rozwiązania musisz postępować zgodnie z tym kodem i lepiej jest postępować zgodnie z jego sekwencją, w przeciwnym razie nie uzyskasz doskonałego wyniku, tak jak chcesz. Ten kod jest używany przeze mnie i jest w większości doskonały. skomentuj, jeśli jest doskonały.
źródło
Używasz CSS do zmiany krycia. Aby poradzić sobie z IE, potrzebujesz czegoś takiego:
Ale jedyny problem polega na tym, że oznacza to, że wszystko wewnątrz pojemnika będzie miało również nieprzezroczystość 0,3. Dlatego będziesz musiał zmienić swój kod HTML, aby mieć inny pojemnik, a nie przezroczysty, który przechowuje zawartość.
W przeciwnym razie działałaby technika png. Tyle że potrzebujesz poprawki dla IE6, która sama w sobie może powodować problemy.
źródło
rgba()
do wersji 3, a Opera nie obsługiwał go do wersji 10.Spóźniłem się na imprezę, ale dla każdego, kto to znajdzie - ten artykuł jest bardzo przydatny: http://kilianvalkhof.com/2010/css-xhtml/how-to-use-rgba-in-ie/
Używa filtru gradientu, aby wyświetlić jednolity, ale przezroczysty kolor.
źródło
Aby używać
rgba
tła w IE, istnieje rozwiązanie awaryjne.Musimy użyć właściwości filtra. który używa
ARGB
to jest rozwiązanie zastępcze dla
rgba(255, 255, 255, 0.2)
Zmień
#33ffffff
według własnego uznania.Jak obliczyć
ARGB
dlaRGBA
źródło
to pomogło mi rozwiązać problem w IE8:
Twoje zdrowie
źródło
To rozwiązanie naprawdę działa, wypróbuj. Przetestowano w IE8
źródło
Po prostu musisz najpierw podać tło jako rgb, ponieważ Internet Explorer 8 obsługuje rgb zamiast rgba, a następnie musisz podać krycie, takie jak
filter:alpha(opacity=50);
źródło
To rozwiązanie zapewniające przejrzystość dla większości przeglądarek, w tym IE x
źródło
Najlepszym rozwiązaniem, jakie do tej pory znalazłem, jest to, które zaproponował David J Marland na swoim blogu , aby wspierać krycie w starych przeglądarkach (IE 6+):
źródło
Po wielu poszukiwaniach znalazłem następujące rozwiązanie, które działa w moich przypadkach:
* Ważne: aby obliczyć ARGB (dla IE) z RGBA, możemy skorzystać z narzędzi online:
źródło