Background image koliduje z background color- css

pytanie zadane 17 lipca 2017 w HTML i CSS przez Activeek Początkujący (320 p.)

Spotkałem się z pewnym problemem w css i nie umiem go samemu rozwiązać, mam rozwijane menu z "hamburgera" na responsywnej stronie i kiedy usunę background image to wtedy normalnie działa i lista rozwija się z szarym tłem, ale kiedy w zawartości strony dodam "background-image: url("zwartevilt.png")" czyli bg z subtlepatterns to wtedy ten kolor z menu staje się przeźroczysty, a chcę żeby miało kolor szary ( menu ma kolor background-color: #ECECEC;). Dodaje zdjęcie żeby każdy zrozumiał o co chodzi, dodawanie z-inex do kontenera który zawiera tło nie pomaga

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

Dasz kod HTML i CSS?

komentarz 17 lipca 2017 przez Activeek Początkujący (320 p.)

https://codepen.io/anon/pen/MoRMOg

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

Do jakiego znacznika dodajesz background-image? Body?

komentarz 17 lipca 2017 przez Activeek Początkujący (320 p.)

do diva containter

1	komentarz 17 lipca 2017 przez xmentor Nałogowiec (49,520 p.) Ustawiasz dla .nav sztywno height: 70px, zamień na min-height. Oczywiście elementy, które są niżej będą się przesuwać w dół, dlatego najlepiej kombinować z pozycją absolutną.

2 odpowiedzi

odpowiedź 17 lipca 2017 przez gremlin Dyskutant (7,600 p.)
wybrane 17 lipca 2017 przez Activeek

Najlepsza

przydałby się kod, ale wydaje mi się, że z-index powinieneś dodać do tego menu (np 100), bo pewnie ma ono pozycję fixed (a przynajmniej tak byłoby logicznie)