Właściwość box-shadow nie działa.

Question

Dobry wieczór,

Robię sobie właśnie stronkę internetową i mam taki problem: Mam element który jest na samej górze strony, ustawiłem na niego cień na dół

box-shadow: 0 8px 6px black;

 który nie pojawia się po dodaniu właściwości padding o wartości 20px. Cień nie działa także przy innych wartościach padding.

Oto kod HTML:

  <header id="top-header">
    <img src="logo.png" alt="logo" />
    <nav>
      <ul>
        <li><a href="#"><em>start</em></a></li>
        <li><a href="#">xxx</a></li>
        <li><a href="#">xxx</a></li>
        <li><a href="#">xxx</a></li>
        <li><a href="#">xxx</a></li>
        <li><a href="#">xxx</a></li>
      </ul>
    </nav>
  </header>

Oto kod CSS:

#top-header
{
  background-color: #252525;
  color: #eee;
  padding: 20px;
  box-shadow: 0px 8px 6px black;
}

 

Comments

Pokaż więcej kodu, bo z tego nic nie wynika. Padding nie ma żadnego związku z box-shadow.

---

Dałem kod 

---

Zmień kategorię pytania na HTML a nie Sieci komputerowe

---

Przecież tu wszystko jest w porządku  https://codepen.io/anon/pen/MOrLKg
Czegoś chyba nie pokazujesz 

---

pytanie zadane 44 minuty temu w Sieci komputerowe, internet przez krzmaciek Nowicjusz (120 p.) 
edycja 30 minuty temu przez krzmaciek

O to mi chodzi Sieci komputerowe, internet  

---

@jaca121212 przecież to do autora napisałem nie do Ciebie 

 

Answer 1

Zapomniałeś dodać szerokość i wysokość.

#top-header
{ width:300px;
  height:300px;
  background-color: #252525;
  color: #eee;
  box-shadow: 0px 8px 6px 0px black;

}

 

Comments

No niestety nie działa dodanie wymiarów... a poza tym wymiary mają się automatycznie dopasowywać...

---

Sam też zauważyłem, że można to bez  szerokości i wysokości  zrobić ten cień ale już nie zmieniałem. Tutaj masz generator box-shadow  

---

Dzięki za pomoc :)

Answer 2

A podam wam cały projekt: http://output.jsbin.com/notuso :) I jakbyście mogli jeszcze powiedzieć jak zrobić cień na góre od stopki :)) A ten cień do top-header zrobiłem position: relative i z-index: 10. Nie wiem czy to dobre rozwiązanie