Переопределение фона тела с JQuery?

$('body').css('background-color', 'blue'); не работает для меня.Переопределение фона тела с JQuery?

Похоже, что существуют другие согласованные правила CSS, которые преобладают на странице.

Есть ли способ заставить этот CSS работать? Это также не работает, когда я пытаюсь выполнить фоновое изображение ...

С помощью Google Explorer Google Chrome есть три разных правила CSS для тела.

Я не понимаю, как это работает и почему это выше JQuery не работает.

Подайте мне знания пожалуйста!

[EDIT]

Ответ идеально подходит для подмены CSS! Благодаря

Примечание: Очистить кэш и просмотра данных с начала времени, это помогает;)

источник

2012-02-15 KRB

'[PHP]' удалить метку ... –

Это может зависеть от того, когда ваши '$ ('тело') CSS()' правило имеет место. - это работать после того, как страница уже загружена? – summea

Работает для меня в FF, Chrome и IE: http://jsbin.com/ubenar –

Если вы хотите, чтобы этот стиль будет применяться в случае, если возникают конфликты, то используют !important после стиля.

$(function(){ 
    $('body').css('background-color', 'blue !important'); 
});

источник

2012-02-15 16:37:21 ShankarSangoli

Это действительно так. –

Не соответствует ли css встроенному стилю, так ли это не сильнее, чем любое другое правило csse, даже без важного? – gdoron

Если у вас есть '! Important', применяемый в стилях класса css, тогда встроенный стиль также не поможет. Чтобы переопределить это, нам нужно также указать '! Important' внутри встроенных стилей. – ShankarSangoli

Использование !important выдвинет приоритет этого стиля:

$('body').css('background-color', 'blue !important');

Однако это могло бы стоить вывешивание больше исходного кода, так как часто лучшее решение, чем использование !important

источник

2012-02-15 16:38:00 Curt

@ T.J.Crowder - если только '! Important' был установлен на связанную таблицу стилей. Я уверен, что важно, чтобы таблица стилей имела более высокий приоритет, чем встроенный стиль! Важно – Curt

'@ Curt': Ugh. Мне жаль говорить, что вы, кажется, верны в этом: http: // jsbin.com/ubenar/2 (я не могу сразу найти этот оператор в спецификации CSS, но когда все пользователи Chrome, Firefox и IE согласны с тем, что мне просто не хватает его.) Еще одна причина, чтобы избежать '! important', чума. :-) –

@ T.J.Crowder Это то, с чем мы можем согласиться! – Curt

Попробуйте выполнить его после загрузки страницы:

$(window).load(function() { 
    $('body').css('background', 'blue'); 
});

источник

2012-02-15 16:38:27 deantoni

Ничего не изменит. – gdoron

В качестве быстрого решения, возможно, попробуйте следующее:

$('body').css('background', 'blue !important');

Но вы должны увидеть, где конфликтующие исходит от и исправить ее.

источник

2012-02-15 16:39:24 iDifferent

<script type="text/javascript"> 

    $(document).ready(function(){ 
      $("body").css("background-color","blue!important"); 
    }); 

</script>

источник

2017-11-07 05:32:20

Переопределение фона тела с JQuery?

ответ

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