Witam. Otóż ostatnio podczas tworzenia strony natknąłem się na mały problem. Mianowicie chciałem stworzyć pasek, którego tło składałoby się z gradientu i obrazka. Kod wygląda tak:
Problem w tym, że w tej chwili wyświetla mi się jedynie obrazek logo (gradient znika). Jeśli przełożę kod background-image:url('img/logo.png'); na samą górę to wyświetli mi się sam gradient bez loga. Da się wyświetlić 2 obrazki na sobie czy trzeba tworzyć oddzielnego diva nakładającego się na div menu?
Kod:
.menu {
background-image: linear-gradient(right , #000000 0%, #0E211E 50%, #000000 100%);
background-image: -o-linear-gradient(right , #000000 0%, #0E211E 50%, #000000 100%);
background-image: -moz-linear-gradient(right , #000000 0%, #0E211E 50%, #000000 100%);
background-image: -webkit-linear-gradient(right , #000000 0%, #0E211E 50%, #000000 100%);
background-image: -ms-linear-gradient(right , #000000 0%, #0E211E 50%, #000000 100%);
background-image: -webkit-gradient(linear,right top,left top,color-stop(0, #000000),color-stop(0.5, #0E211E),color-stop(1, #000000));
background-image:url('img/logo.png');
background-repeat:no-repeat;
background-position: top;
height: 60px;
position:fixed;
top:0;
left:0;
right:0;
z-index:100;
}Problem w tym, że w tej chwili wyświetla mi się jedynie obrazek logo (gradient znika). Jeśli przełożę kod background-image:url('img/logo.png'); na samą górę to wyświetli mi się sam gradient bez loga. Da się wyświetlić 2 obrazki na sobie czy trzeba tworzyć oddzielnego diva nakładającego się na div menu?
