Background image koliduje z background color- css

Question

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

 

 

Comments

Dasz kod HTML i CSS?

---

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

---

Do jakiego znacznika dodajesz background-image? Body?

---

do diva containter

---

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ą.

Answer 1

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)

Comments

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

---

.nav ma ustawioną wysokość 70px, zamień to na "min-height"

---

działa! teraz wszystkie divy są spychane na dół zamiast naskakiwać jeden na drugi, o to mi chodziło, dzięki za radę, będę musiał to zapamiętać :)

Answer 2

Jakie masz klasy do tego menu ? Może gdzieś jest dziedziczone te background-img :)