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

VPS Starter Arubacloud
0 głosów
251 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
2 odpowiedzi 807 wizyt
0 głosów
0 odpowiedzi 107 wizyt
pytanie zadane 30 sierpnia 2018 w HTML i CSS przez niezalogowany
0 głosów
1 odpowiedź 131 wizyt
pytanie zadane 14 marca 2020 w HTML i CSS przez Grzegorz Mikina Dyskutant (8,060 p.)

92,453 zapytań

141,262 odpowiedzi

319,088 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 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!

...