Цветът на фона на тялото, използващ 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-страница.

Този 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-page или копирайте css от моя пример. - person Gajotres; 11.07.2013
comment
Опитах и ​​с .ui-page, но все още не работи :( @Gajotres - person Rachna; 11.07.2013
comment
Къде сте поставили своя CSS? Дали е в някакъв exterlan CSS файл или част от HTML файл? - person Gajotres; 11.07.2013
comment
Той е във външен файл custom.css. Но проверих дали файлът се зарежда правилно в етикета head. Трябва ли да проверя нещо друго? @Gajotres - person Rachna; 11.07.2013
comment
Това може да е. Прочетете другия ми отговор и проверете дали това може да е вашият проблем: stackoverflow.com/questions/15800121/ - person Gajotres; 11.07.2013
comment
Ако този HTML файл не е вашият първи/оригинален HTML файл, това няма да работи. Когато jQuery Mobile зарежда други файлове в DOM, той отхвърля съдържанието на HEAD и зарежда САМО page 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 в активи/www/assets/css/common.css и класът, в който зареждам необходимия css, е по-долу на пътя на Asset / 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