2015-09-25 3 views
0

Мое фоновое изображение не появится. Нужно ли пометить изображение в HTML? Может быть, ссылка на позицию или что-то еще? Пожалуйста помоги!CSS начинающий, фоновое изображение не будет отображаться

<html> 
<head> 
    <link type="text/css" rel="stylesheet" href="sespe.css"/> 
    <title>Sespe Pizza Co.</title> 
</head> 
<body> 
    <div id="header1"> 
     <h1>Sespe Pizza Co.</h1> 
    </div> 
    <div id="mb1"></div> 
    <div id="mb2"></div> 
    <div id="mb3"></div> 
    <div id="mainPage"> 

    <div id="b1"></div> 
    <div id="b2"></div> 
    <div id="b3"></div> 
    <div id="b4"></div> 
    <div id="b5"></div> 
</body> 
</html> 

CSS .....

body { 
    background-image:   url('/Users/Username/Downloads/3634195609_f6b7edac1b_b.jpg'); 
} 

ответ

5

Ваш путь является проблемой. Вы переходите к папке загрузок. Поместите изображение в папку в папке своего сайта, назовите его «изображения», а затем вызовите его в свой CSS. Если ваша новая папка «images» находится на том же уровне, что и ваша папка css, будет работать первый вариант. ../, потому что вы поднимаетесь на одну папку, чтобы добраться до images.

body { 
    background-image: url('../images/3634195609_f6b7edac1b_b.jpg'); 
} 

Edit: Кажется, в вашем случае, ваш файл CSS не в папке CSS, так что вы можете получить в папку изображений без перехода на другой уровень:

body { 
    background-image: url('images/3634195609_f6b7edac1b_b.jpg'); 
} 
+0

Отлично, спасибо! – rainman0915

+0

@ rainman0915 Нет проблем, рад, что это сработало. Не забудьте принять ответ. – amespower

Смежные вопросы