CSS'te alt klasördeki resimler nasıl bulunur?
Filesystemi düşünelim;
Örneğin header'ın olduğu sayfa index.html olsun.
proje
├─ index.html
├─ style.css
└─ src
└─ img
└─ background-image.png
Bu halde dosya "src/img/background-image.png" konumunda olacak.
Şimdi başka şekilde düşünelim.
proje
├─ page
│ ├─ index.html
│ └─ style.css
└─ src
└─ img
└─ background-image.png
Bu sefer dosya "../src/img/background-image.png" konumunda olacak.
Örneğin header'ın olduğu sayfa index.html olsun.
proje├─ index.html
├─ style.css
└─ src
└─ img
└─ background-image.png
Bu halde dosya "src/img/background-image.png" konumunda olacak.
Şimdi başka şekilde düşünelim.
proje├─ page
│ ├─ index.html
│ └─ style.css
└─ src
└─ img
└─ background-image.png
Bu sefer dosya "../src/img/background-image.png" konumunda olacak.
../ bir üst klasörü işaret eder. Ne kadar eklersen o kadar dışarı çıkarsın.Çünkü verdiği örnekte html klasörünün içinde resimler diye bir klasör yok. Bir üst klasörde var o. ../resimler/resim.png şeklinde yapması gerekiyor.
