2016-08-25 2 views
-1

CSSHTML и CSS .... фон не работает

#part1 { 
    background: url("img/00.jpg") repeat 0 0; 
} 

#part1 { 
    background: url("../img/00.jpg") repeat 0 0; 
} 

#part1 { 
    background-image: url("../img/00.jpg") repeat 0 0; 
} 

HTML

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>hello there</title> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     <link rel="stylesheet" href="css/normalize.css"> 
     <link rel="stylesheet" href="css/style.css"> 

    </head> 
    <body> 
     <header></header> 
     <div id="part1">hello there</div> 
     <footer></footer> 
    </body> 

</html> 

, но до сих пор дисплей фонового изображения оленьей кожи ... кроме белого background.Can кого help .... Я сохранил изображение в папке с именем img

ответ

-2

Чтобы увидеть фон, вы должны иметь ширину не менее: 100p Икс; и высота: 100px; попробуйте это

#part1{ background: url("img/00.jpg") repeat 0 0; min-height:100px; } Также проверьте консоль браузера, если изображение не найдено!

1

В вашем примере кода вы нацеливаете один и тот же элемент на 3 разных правила CSS. Из-за этого будет применяться только последнее правило, так как оно переопределит другое. 2.

Убедитесь, что вы определяете правильный путь к изображению на основе вашей файловой структуры.

#part1 { 
 
    background: url("http://patcreator.appspot.com/imgs/textures/light/light-texture-01.jpg") repeat 0 0; 
 
}
<div id="part1">hello there</div>

+0

Стоит также отметить, что путь к IMG чувствителен к регистру. –