Obraz tła CSS nie wyświetlany

Mam plik HTML z podkatalogiem o nazwie img z obrazem o nazwie debut_dark.png. W moim pliku CSS mam:Obraz tła CSS nie wyświetlany

body { 
    background: url(/img/debut_dark.png) repeat 0 0; 
}

Plik HTML ma znacznik body i odpowiednio uwzględnia plik CSS. Wiem na pewno, że plik CSS jest poprawnie zawarty, ponieważ wszystko inne jest poprawnie sformatowane.

Obraz tła nie jest wyświetlany, widzę tylko białe tło. Wszelkich pomysłów, jak to naprawić, a nawet jak to debugować?

Źródło

2012-12-25 darksky

Sprawdź, czy adres URL obrazu jest prawidłowy. Otwórz narzędzia dla programistów i zobacz kartę sieciową, twój debiut_dark.png powinien być tam wymieniony. Sprawdź, czy został załadowany w ogóle –

Czy jesteś pewien co do ścieżki i nazwy obrazu? Sprawdź z firebugem – midstack

Jeśli chcesz debugować coś (HTML/JS/CSS) - zawsze możesz otworzyć jakieś narzędzie programistyczne dostępne dla wszystkich nowoczesnych przeglądarek (F12 zwykle wystarcza, ale dla FF może być konieczne zainstalowanie Firebuga). –

Według ścieżki pliku CSS, ja przypuszczam, że jest w tym samym katalogu, strony HTML, trzeba zmienić url następująco:

body { background: url(img/debut_dark.png) repeat 0 0; }

Źródło

2012-12-25 09:19:38 SaidbakR

Zrobiłem i wciąż widzę białe tło. – darksky

@Darksky Gdzie jest twój plik CSS? – SaidbakR

+21

Mam to. Ścieżka musi być względna do pliku CSS (oczywiście). Dzięki! – darksky

Upewnij się, że ciało ma wysokość, f Ex:

body { 
    background: url(/img/debut_dark.png) repeat; 
    min-height: 100%; 
}

Źródło

2012-12-25 09:21:03 David

Zrobiłem - to nie zadziałało – darksky

należy używać tak:

 

     body { 
      background: url("img/debut_dark.png") repeat 0 0; 
     } 

     body { 
      background: url("../img/debut_dark.png") repeat 0 0; 
     } 

     body { 
      background-image: url("../img/debut_dark.png") repeat 0 0; 
     }

lub spróbuj służb kontrolnych Reguły CSS używające narzędzia Firebug Firefox.

Źródło

2012-12-25 09:21:16

Mam to ... To musiał być adres URL ("../ img/debut_dark.png"). Właśnie zdałem sobie sprawę, że ścieżka musi być względna względem pliku CSS, a nie pliku HTML (oczywiście). – darksky

ok. ale @Darksky zaznaczyłeś właściwą odpowiedź na semsem. Rozwiązałem twój problem :( –

Używam osadzonych CSS na komputerze lokalnym. Umieściłem plik atom.jpg w tym samym folderze co mój plik html, a następnie ten kod działał:

background-image:url(atom.jpg);

Źródło

2014-01-20 20:57:03 user3216740

Mam ten sam problem. Ale to działa prawidłowo dla mnie

background: url(../img/debut_dark.png) repeat

Źródło

2015-10-12 05:25:13

wiem, że to nie dotyczy dokładnie przypadek PO, ale dla innych, pochodzących od Google nie zapomnij spróbować display: block; na podstawie typu elementu. Miałem obraz w <i>, ale nie był wyświetlany ...

Źródło

2016-05-11 17:57:15

-1

Zasadniczo problem dotyczy ścieżki do pliku. Przedni ukośnik na początku adresu URL powoduje, że szuka pliku w katalogu głównym. Usuwając to, będzie to ścieżka odnosząca się do tego pliku css - tak: background-image: url(img/debut_dark.png);

Jeśli używasz Atoma, kopiowanie ścieżki projektu obrazu czasami obejmuje ukośnik w skopiowanej ścieżce, więc bądź ostrożny.

Źródło

2018-01-05 15:52:15

Nie niszczyć swojego postu, co może skutkować [odpowiedzią na pytanie] (// stackoverflow.com/help/answer-bans). Publikując w sieci Stack Exchange, przyznałeś -rezybowalne prawo SE do dystrybucji tych treści (na podstawie licencji [CC BY-SA 3.0] (// creativecommons.org/licenses/by-sa/3.0/)) Zgodnie z polityką SE każdy wandalizm zostanie cofnięty. –

Pomyślałem, że ten atrybut wyświetla obraz, gdy w nim jest dostępna pełna lokalizacja. Po prostu przesłałem ten obraz na mój serwer i powiązałem lokalizację tego obrazu w obrazie tła: url ("xxxxx.xxx"); atrybut i nareszcie zadziałało, ale jeśli nie masz serwera, spróbuj wpisać pełną lokalizację obrazu w atrybucie, przechodząc do właściwości tego obrazu. Chociaż używałem tego atrybutu w tagu pliku HTML, ale na pewno działa on również na pliku CSS. Jeśli ta metoda nie działa, spróbuj przesłać obraz w Internecie, np. Zachowanie, facebook, instagram itp. I sprawdź obraz i skopiuj tę lokalizację do atrybutu. Hope To zadziała

Źródło

2018-01-19 07:53:54 Praks

Odpowiedz

Powiązane problemy