Logowanie

Opacity tła a slider

pytanie zadane 14 lipca 2017 w HTML i CSS przez wariacik Użytkownik (680 p.)

Witam

Dopiero zaczynam przygode z programowaniem wiec prosze o wyrozumialosc.

Tworze strone gdzie tlem jest obraz. Na srodku zrobilem sobie diva container i ustawilem mu opacity na 0.7.

W container znajduja sie inne divy miedzy innymi div content. Na stronie głownej umiescilem slider w divie content i slider ten dziedziczy opacity 0,7 i zdjecia sa troche przezroczyste. Moim celem jest aby tlo containera bylo przezroczyste ale zdjecia nie byly przezroczyste. Probowalem ustawic opacity samego contentu na 1 ale to nic nie daje. Dodatkowo chcialbym aby tlo contenta na innych podstronach bylo przezroczyste

2 odpowiedzi

odpowiedź 14 lipca 2017 przez xmentor Nałogowiec (49,520 p.)

Możesz te tło obrazkowe zrobić na pseudo-elemencie :before/:after

komentarz 14 lipca 2017 przez wariacik Użytkownik (680 p.)

Niewiele mi to mowi. Sorki ale malo jeszcze wiem. Obraaz ktory jest tlem jest umieszczony w body a container ma biale tlo i chce zeby ten obraz z tla delikatnie przeswitywal przez tlo containera ale zeby tez zdjecia byly nieprzezroczyste

komentarz 14 lipca 2017 przez xmentor Nałogowiec (49,520 p.)

https://jsfiddle.net/wdoxaasc/

O tak. Przykład jest prosty(powinieneś zrozumieć)

komentarz 14 lipca 2017 przez wariacik Użytkownik (680 p.)

Dziekuje udalo sie ale pojawil sie inny problem. Uzywajac position rozumiem ze container ustawia sie teraz do lewego gornego rogu. Jak teraz wysrodkowac container aby byl on zawsze na srodku bez wzgledu na rozdzielczosc ekranu?

komentarz 14 lipca 2017 przez xmentor Nałogowiec (49,520 p.)

.container przyjmuje pozycje relatywną, więc raczej nic się zmienić nie powinno, tylko pseudo-element jest pozycjonowany absolutnie względem .container

komentarz 14 lipca 2017 przez wariacik Użytkownik (680 p.)

A mi wywalilo caly container w lewy gorny rog tak jakby byl pozycjonowany absolutnie wzgledm calego body. Tzn tresc zostaje na srodku a tlo ucieka. Tutaj screen: https://zapodaj.net/9d35525dde5d7.png.html

komentarz 14 lipca 2017 przez xmentor Nałogowiec (49,520 p.)

Daj kod HTML i CSS

komentarz 14 lipca 2017 przez wariacik Użytkownik (680 p.)

https://jsfiddle.net/trbm760m/

komentarz 14 lipca 2017 przez xmentor Nałogowiec (49,520 p.)

ustawiłeś szerokość 1000px dla pseudo-elementu i tak się dzieje. Jeśli chcesz ustalić szerokość kontenera to ustaw dla .container właściwość width.

komentarz 14 lipca 2017 przez wariacik Użytkownik (680 p.)

No tak nie wiedzialem poprostu ze wlasciwosci powininenem ustawiac nie w pseudo-elemencie. Dziekuje bardzo pomogles mi zrozumiec jak uzywac pseudo-elementy

odpowiedź 14 lipca 2017 przez jaca121212 Nałogowiec (40,760 p.)

Podobne pytania

0 głosów

2 odpowiedzi 2,680 wizyt

Przeźroczysty obrazek w tle i normalny tekst

pytanie zadane 25 maja 2016 w HTML i CSS przez goran. Użytkownik (930 p.)

0 głosów

2 odpowiedzi 640 wizyt

Przezroczyste tło

pytanie zadane 7 marca 2016 w HTML i CSS przez Filip31411 Dyskutant (8,820 p.)

0 głosów

1 odpowiedź 526 wizyt

Zmiana OPACITY samego tła nawigacji bez tekstu

pytanie zadane 6 sierpnia 2016 w HTML i CSS przez medamis Użytkownik (660 p.)

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...