2015-01-19 2 views
1

Я построил целевую страницу для внешнего клиента, все работает нормально, у меня есть фоновое изображение, которое подходит к экрану отверстий, я изменил существующий тег тела в классе bootstrap.css следующим образомФоновое изображение не будет отображаться при размещении

body { 
margin: 0; 
background-image: url('/Content/Images/Danone-Background-New.png'); 
background-size: 1440px 800px; 
background-repeat: no-repeat; 
background-size: cover; 
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
font-size: 14px; 
line-height: 1.428571429; 
color: #333333; 
background-color: #ffffff; 
z-index: 9999; 
} 

Опять же это отлично работает, когда работает локально, то я публикую этот сайт в среде хостинга, и когда я перейти на сайт отображается все содержимое минус фоновое изображение, поэтому я первым предположил, что я имею неправильно так что я проверил стиль кузова с помощью firebug, и это то, что я вижу

body { 
background-color: #fff; 
color: #333; 
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
font-size: 14px; 
line-height: 1.42857; 
} 

Итак, для первого взгляда я предположил: «О, странно, что он не копировал мои стили!» так что я снова и низко повторить процесс, и вот стиль тело остается, как и выше, поэтому я зайти на сервер перемещаться по файлам в bootstrap.css найти тело тега и снова выглядит так, как я ожидал

body { 
margin: 0; 
background-image: url('/Content/Images/Danone-Background-New.png'); 
background-size: 1440px 800px; 
background-repeat: no-repeat; 
background-size: cover; 
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
font-size: 14px; 
line-height: 1.428571429; 
color: #333333; 
background-color: #ffffff; 
z-index: 9999; 
} 

Однако изображение не отображается.

Что не так с этим? Я попробовал ctrl f5, посмотрел ли в панель инструментов разработки, проверенный на отсутствие каких-либо 404 эрросов? Я сбит с толку ?!

Ссылка проверить www.danoneultimate.com.au

+0

вы можете разместить свою ссылку? – jmore009

+0

@ jmore009 www.danoneultimate.com.au –

ответ

-2

Вы редактировали bootstrap.css но вы загружаете bootstrap.min.css.

Ваш код работает просто отлично :)

+0

Я не использую bootstrap.min.css –

+0

Действительно? http://www.danoneultimate.com.au/Content/css?v=WY2Ybti5pBJYm0QfqiFBL2b5U_cKoeAWQC9DALv4mnw1 Показывает измененную версию бутстрапа. И если я заменил его на bootstrap.css, он отобразит фоновое изображение. – VilleKoo

+0

Это было первое, что я проверил, внутри конфигурации пакета у меня есть bootstrap.css и site.css –

0

<head> В разделе вашего сайта, вы загрузить другую таблицу стилей.

<link href="/Content/css?v=WY2Ybti5pBJYm0QfqiFBL2b5U_cKoeAWQC9DALv4mnw1" rel="stylesheet"> 

Изменить его так, что он загружает bootstrap.css:

<link href="/Content/bootstrap.css" rel="stylesheet"> 
+0

Я использую конфигурацию пакета, и, как упоминалось ниже, единственными стилями внутри конфигурации пакета являются bootstrap.css и site.css –

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