Przejrzysty kolor tła CSS

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

2012-06-25 Saranya

Tak na pewno! Można to zrobić przez ten trick: http://stackoverflow.com/a/15351192/366884 Powodzenia –

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/

Źródło

2012-06-25 06:00:25

dziękuję. ale chcę odejść domyślny znak strzałki w menu listy bez wpływu na czcionkę – Saranya

możesz pokazać swój kod w jsfiddle.net niż ja właściwie pomóc .......... –

czy jest sposób, aby napisać krótszy , jak 'rgba ('black', 0.5)'? – Blauhirn

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 
}

Źródło

2012-06-25 06:00:43 oezi

Witam! Czy wiesz coś o definicji CSS "kolor tła" z kanałem aplha, ale używając wartości #HEX dla koloru? –

Spróbuj tego:

opacity:0;

Dla IE8 i wcześniej

filter:Alpha(opacity=0);

Opacity Demo from W3Schools

Źródło

2012-06-25 06:06:02 Vinod

tak .. Użyłem tego kodu, aby zniknąć domyślną strzałkę w menu listy.Ale to wpłynie również na czcionkę .. – Saranya

Strona, z którą łączysz ... jest okropna. –

@JohnDvorak dlaczego w3schools jest okropny? – TheWandererr

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);

Źródło

2013-11-23 00:27:33 dasdasdasdasd

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;

Źródło

2014-10-23 22:13:42 jordanb

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)

Źródło

2017-08-19 07:47:55 SherylHohman

Odpowiedz

Powiązane problemy