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

question-closed [CSS] Box-shadow problem.

0 głosów
87 wizyt
pytanie zadane 30 października 2018 w HTML i CSS przez majer565 Nowicjusz (150 p.)
zamknięte 30 października 2018 przez xmentor

Witam! Na wstępie chcę zaznaczyć, że jestem początkującym. Mam pewien problem, a mianowicie chciałbym pod divem, który jest "paskiem" prezentującym nazwę strony i chciałbym pod tym "paskiem" umieścić cień, po to by "pasek" wyglądał na lekko wysunięty od tła. Problem polega na tym, że jest jeszcze jeden div, który ma być przeznaczony nawigacji i on zasłania mi część tego cienia. 

Chciałbym żeby ten cień był na całej szerokości tego "paska". Z góry dziękuję za pomoc.

body
{
    background-color: #f2f2f2;
    margin: 0 !important;
}

.pasek
{
    background-image: url(photos/geometry.png);
    height: 100px;
    width: 100%;
    color: black;
    font-family: 'Spicy Rice', cursive;
    box-shadow: 0px 1px 1px black;
    font-size: 60px;
    text-align: center;
}

.nav
{
    background-color: #f2f2f2;
    width: 300px;
    height: 1000px;
    padding: 20px;
}

 

komentarz zamknięcia: Rozwiązane

1 odpowiedź

0 głosów
odpowiedź 30 października 2018 przez Rettles Bywalec (2,320 p.)
wybrane 30 października 2018 przez xmentor
 
Najlepsza

Myślę, że z-index i position relative załatwią temat, spróbuj:

body
{
    background-color: #f2f2f2;
    margin: 0 !important;
}
 
.pasek
{
    background-image: url(photos/geometry.png);
    height: 100px;
    width: 100%;
    color: black;
    font-family: 'Spicy Rice', cursive;
    box-shadow: 0px 1px 1px black;
    font-size: 60px;
    text-align: center;
    position: relative;
    z-index: 100;
}
 
.nav
{
    background-color: #f2f2f2;
    width: 300px;
    height: 1000px;
    padding: 20px;
    z-index: 80;
}

 

komentarz 30 października 2018 przez majer565 Nowicjusz (150 p.)
Wielkie dzięki, działa!

Podobne pytania

0 głosów
0 odpowiedzi 35 wizyt
pytanie zadane 30 sierpnia 2018 w HTML i CSS przez JuniorDevAspirant Bywalec (2,060 p.)
0 głosów
1 odpowiedź 119 wizyt
pytanie zadane 14 grudnia 2017 w HTML i CSS przez madmi121 Użytkownik (630 p.)
0 głosów
1 odpowiedź 79 wizyt
pytanie zadane 13 sierpnia 2017 w HTML i CSS przez Wookiee Użytkownik (880 p.)
Porady nie od parady
Pytania na temat serwisu SPOJ należy zadawać z odpowiednią kategorią dotyczącą tej strony.SPOJ

65,727 zapytań

112,367 odpowiedzi

237,225 komentarzy

46,687 pasjonatów

Przeglądających: 126
Pasjonatów: 0 Gości: 126

Motyw:

Akcja Pajacyk

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

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

...