[CSS] Как из CSS вызвать изображения?

Johhnyl · July 21, 2015

Привет всем.
Начав заниматься HTML и созданием сайта с нуля я столкнулся с такой проблемой:
У меня есть изображения (фон=background) которая я растянул по всему экрану:

    body    {      background: url(images/bg.png) no-repeat;      -moz-background-size: cover;      -webkit-background-size: cover;      -o-background-size: cover;      background-size: cover;    }

Ну вроде всё работает отлично, код занимает много место в index.html поэтому я решил поставить его в CSS(не знаю правильно я думаю и вообще возможно ли такое?). Я создал файл body.css и там добавил код выше, я его загрузил в index.html кодом:

<link href="css/body.css" rel="stylesheet" />

Но почему то всё ровно не работает, прежде чем создавать данную тему я искал решения в Googl-e но я не нашел информация которая мне-бы поможет.
Буду благодарен за вашу помощь.
Вот весь код сайта:

<!DOCTYPE html><html>  <head>    <link href="css/body.css" rel="stylesheet" />    <script type="text/javascript" src="js/jquery-1.11.3.js"></script>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    <title>Corso RP</title>    <style>    </style>  </head>  <body>  </body></html>

psywalker · July 21, 2015

Пути точно правильные?:

css/body.css в CSS-файле

images/bg.png - у картинки

Такие папки точно существуют? В них точно лежат эти файлы?

И ещё: поставьте body размеры в CSS, либо поместите туда хоть какой-нибудь контент.

background: url(images/bg.png) no-repeat;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;

У вас в коде сначала идёт общее правило "background: url(images/bg.png) no-repeat;", а после "background-size: cover;" его перебивает. Возможно ещё дело в этом.

Johhnyl · July 21, 2015

Пути точно правильные?:
css/body.css в CSS-файле
images/bg.png - у картинки

Такие папки точно существуют? В них точно лежат эти файлы?

И ещё: поставьте body размеры в CSS, либо поместите туда хоть какой-нибудь контент.

Путь к CSS файлу правильные

У меня 2 фона

Одна: bg.jpg

Вторая: bg.png

psywalker · July 21, 2015

Тогда залейте куда-нибудь результат и предоставьте нам ссылку.

Johhnyl · July 21, 2015

Тогда залейте куда-нибудь результат и предоставьте нам ссылку.

http://corso-rpg.zz.mu

Когда вы сразу войдёте вы увидите текст это я добавил в самом index.html

<body>    <p> Текст </p>  </body>

lexxcode · July 21, 2015

Johhnyl · July 21, 2015

Я это поставил лишь для того чтобы узнать на каком моменте не работает(мне так сказали в прочем). Я это конечно уберу (лишний мусор)

По поводу правильного пути, почему же надо было ставить "../" с начало видь у меня index.html сидит в корневой папке а файл CSS лежит всего через папка

Папка = это место где лежит мой index.html файл.

Desktop\Папка\css = это место где лежит CSS файл.

Ну я думал что скрипт не рабочий, а ведь мне говорили сразу что путь к файлу не верен .

psywalker · July 21, 2015

Я это поставил лишь для того чтобы узнать на каком моменте не работает(мне так сказали в прочем). Я это конечно уберу (лишний мусор)

По поводу правильного пути, почему же надо было ставить "../" с начало видь у меня index.html сидит в корневой папке а файл CSS лежит всего через папка
Папка = это место где лежит мой index.html файл.
Desktop\Папка\css = это место где лежит CSS файл.
Ну я думал что скрипт не рабочий, а ведь мне говорили сразу что путь к файлу не верен .

Вот-вот

afdw · July 21, 2015

Можно ещё писать путь от корня сайта, начиная с "/". Например:

background: url(/images/bg.png);

Johhnyl · July 22, 2015

Можно ещё писать путь от корня сайта, начиная с "/". Например:
background: url(/images/bg.png);

Так у меня не работает

sigma77 · July 22, 2015

По поводу правильного пути, почему же надо было ставить "../" с начало видь у меня index.html сидит в корневой папке а файл CSS лежит всего через папка

Потому что ../ говорит, что нужно подняться на один уровень вверх, т.е. в вашем случае выйти из папки css, где лежит ваш стилевой файл, в корневую, где лежит папка images.

Так у меня не работает

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

Sign In

[CSS] Как из CSS вызвать изображения?

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information