Цвет фона тела с использованием CSS не отражается на html-странице

Я пытаюсь изменить цвет фона моей html-страницы, но это не отражается. Я использую jquerymobile, marionette для своих страниц. В моем css я написал

body {
background-color:rgb(44,2,4);
}

даже я пытался

html, body {
background-color:rgb(44,2,4);
}

Что происходит, так это то, что цвет фона устанавливается, но я вижу на странице html только вспышку, когда страницы загружаются, но после этого устанавливается тема jquerymobile по умолчанию. Может ли кто-нибудь помочь мне с решением? Заранее спасибо.


css background jquery-mobile backbone.js marionette
person Rachna    schedule 11.07.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

При работе с jQuery Mobile вы должны изменить класс .ui-page, если хотите изменить цвет фона. Даже если вы измените фон тела с помощью !important, он все равно останется скрытым, потому что класс .ui-page действует как наложение на всю страницу.

Более того, это должно быть сделано с переопределением, например:

.ui-page {
    background:rgb(44,2,4) !important;
}

Рабочий пример: http://jsfiddle.net/6wD7v/

ИЗМЕНИТЬ:

Нашел. Вы также используете панель с дополнительным наложением div поверх .ui-page.

Этот CSS будет работать сейчас:

.ui-page, .ui-panel-content-wrap {
    background:rgb(44,2,4) !important;
}
person Gajotres    schedule 11.07.2013
comment
Спасибо за ответ, но не могли бы вы сказать мне, как я могу изменить .ui-страницу, чтобы изменить фон, потому что после написания кода, который вы указали выше, он все еще не работает. @Gajotres - person Rachna; 11.07.2013
comment
Проверьте это сейчас, это должна быть .ui-страница, или скопируйте css из моего примера. - person Gajotres; 11.07.2013
comment
Пробовал и с .ui-page, но все равно не работает :( @Gajotres - person Rachna; 11.07.2013
comment
Куда вы поместили свой CSS? Это в каком-то файле CSS exterlan или в части файла HTML? - person Gajotres; 11.07.2013
comment
Он находится во внешнем файле custom.css. Но я проверил, что файл загружается в тег заголовка правильно. Должен ли я проверить что-то еще? @Gajotres - person Rachna; 11.07.2013
comment
Это может быть оно. Прочитайте мой другой ответ и проверьте, может ли это быть вашей проблемой: stackoverflow.com/questions/15800121/ - person Gajotres; 11.07.2013
comment
Если этот HTML-файл не является вашим первым/оригинальным HTML-файлом, это не сработает. Когда jQuery Mobile загружает другие файлы в DOM, он отбрасывает содержимое HEAD и загружает ТОЛЬКО страницу div. - person Gajotres; 11.07.2013
comment
Но это моя первая html-страница, и она до сих пор не работает. @Gajotres - person Rachna; 11.07.2013
comment
Тогда я не знаю, что тебе сказать. На моем примере видно, что это работает. К сожалению, я не могу видеть ваш проект, чтобы сказать вам, в чем заключается ваша текущая проблема. Если можете, пришлите мне свой проект или его часть, я проверю. - person Gajotres; 11.07.2013
comment
Вы можете проверить мой проект по здесь Пожалуйста, совет. @Gajotres - person Rachna; 11.07.2013
comment
Вы можете найти мой common.css в assets/www/assets/css/common.css, а класс, в котором я загружаю необходимый css, находится по пути ниже assets/www/scripts/utils/load_css.js @Gajotres - person Rachna; 11.07.2013
comment
Проверьте это сейчас, я проверил это на вашем проекте. - person Gajotres; 11.07.2013
comment
Я ничего не совершал, я добавил новый контент в свой ответ. Взглянем. - person Gajotres; 11.07.2013
comment
Большое спасибо. Ваш ответ идеален. Спасибо еще раз. - person Rachna; 11.07.2013