Jeśli mam element div, który działa jak pudełko i sprawię, że będzie naprawdę seksowny z 10% nieprzezroczystością. Jak mogę to odrzucić, ponieważ wszystko w div również dostaje nieprzezroczystość. Powiedzmy, że mam pudełko (div) z granicą 1px i tekstem, umieszczenie na nim krycia sprawi, że będzie wyglądać źle, a ja chcę tylko przezroczystości w tle.przeciwdziałanie nieprzezroczystości div?
Można użyć półprzezroczystego obrazu PNG dla tła elementu. Będziesz potrzebować poprawki takiej jak Supersleight dla obsługi IE6.
Zawartość elementu, który ma krycie, dziedziczy to krycie. Będziesz musiał podzielić go na dwie części: tło i zawartość. Całkowicie ustaw zawartość na górze tła. Twoja zawartość nie może znajdować się w elemencie krycia.
Jest to prawdą, jeśli mówimy o "nieprzezroczystości" właściwości CSS, ale istnieje kilka innych sposobów osiągnięcia tego efektu. – e100
W ten sposób można zastosować krycie na kolory tła tylko, a nie do całego elementu i jego dzieci:
background: rgba(0,0,0, 0.5) //gives you a black background with 50% opacity
można przetestować go tutaj: http://jsfiddle.net/ypaTH/
był podobny pytanie tutaj: How to give cross browser transparency to element's background only? (z wersją IE)
ze względu na wszystkie typy przeglądarek Myślę, że PNG jest najlepszym wyborem, gdybym nie używał lib jak jquery lub czegoś (jeśli ma tę funkcję potrzebuję). Dziękuję wszystkim za wszystkie answeres! – Jason94