2013-04-03 13 views
6

Dodałem obrazy do folderu o nazwie "images" i CSS do folderu o nazwie "css", teraz chcę użyć obrazów w folderze "images". Jak mam to zrobic? Kiedy użyłem tego, że nie pojawiają się:Obrazy CSS W innym folderze

background: url('/images/bg.jpg'); 

Próbowałem również te:

background: url('../images/bg.jpg'); 
background: url('../../images/bg.jpg'); 

Jaka jest ścieżka I należy używać, aby uzyskać dostęp do moich zdjęć?

+2

Czy foldery 'images' i' css' znajdują się na tym samym poziomie? –

+0

to folder obrazów w tym samym katalogu roboczym? Mam na myśli folder obrazu i currentpage.css (stronę, w której używasz powyższego kodu) w tym samym folderze? –

+0

Czy wypróbowałeś 'images/bg.jpg'? –

Odpowiedz

1

Podczas korzystania z obrazów tła upewnij się, że szerokość i wysokość również są podane dla kontenera zawierającego obrazy.

+0

Czy to jest odpowiedź na problem? Może tylko napiwek. – melancia

+0

To jest odpowiedź. Nie napiwek. Jestem pewien, że nie spotkałeś się z tym problemem. – defau1t

+0

Pytanie dotyczy folderów, a nie najlepszych (poprawnych) praktyk. O to mi chodziło. – melancia

12

Jeśli masz strukturę folderów jak następuje:

/public_html/ 
    /css/ 
    /images/ 
    /index.html 

Wtedy twój CSS powinno działać.

  • zaczynające się od „/” wraca do głównego katalogu i rozpoczyna tam
  • Począwszy od „../” porusza jeden katalog do tyłu i zaczyna tam
  • Począwszy od”../../ "przenosi dwa katalogi w tył i rozpoczyna tam (i tak dalej ...) Aby przejść do przodu, po prostu zacznij z pierwszego
    podkatalogu i naprzód

Przeczytaj więcej tutaj: http://css-tricks.com/quick-reminder-about-file-paths/

Powiązane problemy