Przejrzysty kolor tła CSS

Question

Chcę, aby menu listy znikało za pomocą krycia bez wpływu na czcionkę. Czy to możliwe z CSS3?

Answer 1

hej teraz można stosować rgba właściwości css jak się ten

.class{ 
background:rgba(0,0,0,0.5); 
} 

0.5 jest przejrzystość teraz można zmieniać w zależności od projektu.

żywo demohttp://jsfiddle.net/EeAaB/

więcej informacjihttp://css-tricks.com/rgba-browser-support/

Answer 2

tak, to jest to możliwe. po prostu użyj rgba-syntax dla swojego koloru tła.

.menue{ 
    background-color: rgba(255, 0, 0, 0.5); //semi-transparent red 
} 

Answer 3

Spróbuj tego:

opacity:0; 

Dla IE8 i wcześniej

filter:Alpha(opacity=0); 

Opacity Demo from W3Schools

Answer 4

W tym przypadku background-color:rgba(0,0,0,0.5); jest najlepszym sposobem. Na przykład: background-color:rgba(0,0,0,opacity option);

Answer 5

Zachowaj te trzy opcje w umyśle (chcesz # 3):

1) Ogólna liczba elementem jest przejrzysty:

visibility: hidden; 

2) Ogólna liczba elementem jest nieco przezroczysty:

opacity: 0.0 - 1.0; 

3) Tylko tło elementu jest przezroczysty:

background-color: transparent; 

Answer 6

Oto przykład przy użyciu klasy CSS o nazwie kolory:

.semi-transparent { 
    background: yellow; 
    opacity: 0.25; 
} 

Dodaje to tło, które jest o 25% nieprzezroczysty (kolorowy) i 75% przezroczysty.

CAVEAT Niestety, zmętnienie wpłynie następnie całą elementu jest dołączony do.
Więc jeśli masz tekst w tym elemencie, ustawi on tekst na 25% przezroczystości. :-(

Tak, w większości przypadków, trzeba by użyć rgba lub hsla metody wskazują przezroczystość tła, bez wpływu na przejrzystość wszystko w swoim żywiole.

Oto 3 sposoby ustawienia niebieskie tło na 75% przejrzystości:

• background: rgba(0%, 0%, 100%, 0.75)
• background: rgba(0, 0, 255, 0.75)
• background: hsla(240, 100%, 50%, 0.75)