• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak zrobić aby tło było przeźroczyste a nie tekst?

Aruba Cloud PRO i VPS, Openstack, VMWare, MS Hyper-V
0 głosów
2,444 wizyt
pytanie zadane 17 września 2017 w HTML i CSS przez Szket Początkujący (250 p.)

Stworzyłem stronę.Chcąc dodać do niej artykuł zrobiłem diva o nazwie post zrobiłem aby był to kwadrat  na 700x500px i dałem mu opacity:0.5 i problem polega na tym że tekst również robi się przeżroczysty da się na to coś poradzić?
KOD CSS
 

.post
{
	width:700px;
	height:500px;
	background-color:black;
	margin-right:auto;
	opacity:0.5;
}

KOD HTML
 

<div class="post">

<h2>tekst</h2>
<h3>tekst</h3>

</div>
Z góry dziękuje za pomoc!

2 odpowiedzi

0 głosów
odpowiedź 17 września 2017 przez CzikaCarry Szeryf (75,480 p.)
wybrane 18 września 2017 przez Szket
 
Najlepsza

Background-color możesz ustawić w formacie rgba()

.post
{
    width:700px;
    height:500px;
    background-color:rgba(0, 0, 0, 128);
    margin-right:auto;
    opacity:0.5;
}

 

komentarz 17 września 2017 przez Szket Początkujący (250 p.)
Zrobiłem tak i tekst nadal jest przeżroczysty
komentarz 17 września 2017 przez CzikaCarry Szeryf (75,480 p.)
zapomniałem usunąć opacity: 0.5;. Spróbuj usunąć ostatnią linijkę w tej klasie :D
komentarz 17 września 2017 przez Patrycjerz Mędrzec (192,460 p.)
Tak jak napisał mitelak, kanał alfa ustala się za pomocą liczby z przedziału 0.0 do 1.0, nie zaś 0 do 255.
komentarz 17 września 2017 przez CzikaCarry Szeryf (75,480 p.)

Aha, racja, mój błąd. Dobrze, że nie poszedłem na frontend, a wybrałem backend devil

+1 głos
odpowiedź 17 września 2017 przez mitelak Pasjonat (23,470 p.)

Jeżeli dodajesz opacity na diva to cały ten div będzie półprzeźroczysty razem z zawartością. Tutaj jeżeli chcesz, żeby tło było jednego koloru to najprościej użyć koloru w formacie rgba (red, green, blue, alpha) czyli background-color: rgba(0,0,0,0.5);

 

Podobne pytania

0 głosów
2 odpowiedzi 337 wizyt
0 głosów
1 odpowiedź 132 wizyt
pytanie zadane 1 sierpnia 2016 w HTML i CSS przez uMAXa Gaduła (4,290 p.)
0 głosów
1 odpowiedź 804 wizyt

90,303 zapytań

138,899 odpowiedzi

311,088 komentarzy

60,017 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...