+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] przeźroczyste tło menu (/thread-css-przezroczyste-tlo-menu)
[CSS] przeźroczyste tło menu - suderDesign - 21-03-2010
Witajcie,
Potrzebuję otrzymać efekt przeźroczystego tła w poziomym menu. Odpowiada za to linijka w stylu:
Kod PHP:
#nav li ul li { background:#0c0c0c; width:150px; opacity: 0.5;}
Niestety zapis ten powoduje, że przeźroczyste jest zarówno tło jak i napis (nazwa elementu menu). Można to zobaczyć tutaj http://www.domfotografii.com.pl/. Bordowy w podświetlonym nagłówku głównemu menu jest bordowy a w niższym poziomie już bardziej brunatny - 50% przeźroczystości.
Potrzebuję aby przeźroczyste było wyłącznie tło. Tekst 100% widoczny.
RE: [CSS] przeźroczyste tło menu - Dhofca - 21-03-2010
Rozwiązaniem jest zrobienie tekstu na tak jakby nowej warstwie, czyli poprzez wypozycjonowanie absolutne, ale w przypadku menu to odpada.
Zrób po prostu w programie graficznym plik png albo gif z konkretną przezroczystością, powiedzmy 5x5 px i wypełnij nim porządne pola.
RE: [CSS] przeźroczyste tło menu - KowR - 21-03-2010
Albo rgb?
Kod:
background:rgba(65,60,60,.7);Gdzie .7 to 70% opacity... Dając .6 będzie 60% itd.
RE: [CSS] przeźroczyste tło menu - suderDesign - 21-03-2010
Skorzystałem z metody KowR'a. Ale obu Wam dziękuję za pomoc
Sporo szukałem ale konkretnego kodu nie znalazłem. Wielkie dzięki!
RE: [CSS] przeźroczyste tło menu - globusns - 25-03-2010
Można też zrobić tak:
Kod:
background: transparentWtedy mamy w pełni przeźroczyste tło.