2011-12-27 5 views
-2

Проверьте это:CSS работает только встроенный

External

Inline

я успешно воспроизвели вопрос .. на внешней странице (test.php ссылки на test.css) вы увидите чрезвычайно простая html-страница. В нем есть один div с одним изображением. Он имеет стиль CSS, применяемый к нему, но фон (который является парой dropshadows) отсутствует.

Во втором наборе страниц (test2.php и test2.css) единственная разница заключается в том, что свойства стиля были перемещены в ряд, все остальное ИДЕНТИЧНО, но стиль теперь работает.

Почему? Я видел эту ситуацию много раз, но люди всегда хотели бы утверждать, что «есть, очевидно, какой-то переоцененный стиль, о котором вы только что забыли или не замечаете», но в этом случае я ушел с моего пути, чтобы показать, что там не является основным стилем.

Тем не менее, он независим от браузера и последователен, поэтому я уверен, что есть простой ответ.

+1

При использовании фоновых изображений путь относится к ресурсу, а не к странице.Итак, inline загружает изображение bg, а css-ified не потому, что он не находит его – Alfabravo

+2

Этот вопрос никогда не поможет никому другому, особенно когда эти ссылки перестают работать. –

+0

Добавил код CSS для него, чтобы помочь будущим пользователям. – Dave

ответ

3

Относительные пути во внешних файлах CSS должны быть относительно файла CSS, а не страницы.

2

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

0

Вы можете

а) Поместите test.css файл в том же каталоге, что и ваш файл new.html, и замените <link rel="stylesheet" href="support/css/test.css"> на <link rel="stylesheet" href="test.css"> в вашем html-файле. Будет работать.

ИЛИ

б) Изменение URL фонового изображения от support/images/content_bgshadow.png к ../../support/images/content_bgshadow.png в вашем test.css

1

в вашем рядный, вы используете полный путь, начиная с http://

во внешнем, вы используете относительный путь, начиная с support/imag...

Причины внешнее не работает, потому что это путь к изображению неверен. Либо используйте полный путь (не рекомендуется, если он находится на том же сайте, что и страница), либо исправьте относительный путь, чтобы сделать его относительно документа CSS, а не фактической страницы.

Например, если ваш CSS находится в папке «css», такой как ваша, вам обычно нужно начинать относительный путь с помощью «../», чтобы перейти на один уровень до доступа к вашей папке «images» (или что бы то ни было папка).

0

У вас неправильный URL-адрес в вашем файле css. Поскольку в папке support/css вы должны установить путь относительно этой папки, то это должно быть ../images/content_bgshadow.png.

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