Zastępowanie tła ciała za pomocą JQuery?

$('body').css('background-color', 'blue'); nie działa dla mnie.Zastępowanie tła ciała za pomocą JQuery?

Wygląda na to, że istnieją inne dopasowane reguły CSS, które dominują na stronie.

Czy jest jakiś sposób zmusić ten CSS do działania? To również nie działa, gdy próbuję obrazu tła ...

Z eksploratorem CSS przeglądarki Google Chrome są dostępne trzy różne reguły CSS dla treści.

Nie rozumiem, jak to działa i dlaczego powyższe JQuery nie działa.

Proszę podać mi wiedzę!

[EDIT]

Odpowiedź jest idealny dla nadrzędnymi CSS! Dzięki

Uwaga: Wyczyść pamięć podręczną i przeglądania danych od początku czasu, pomaga;)

Źródło

2012-02-15 KRB

'[php]' tag usunięte ... –

To może zależeć, gdy '$ ('body') css()' zasada ma miejsce. - ma działać po stronie już załadowane? – summea

Działa dla mnie w FF, Chrome i IE: http://jsbin.com/ubenar –

Jeśli chcesz zmusić ten styl należy stosować w przypadku istnieją konflikty następnie użyć !important po stylu.

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

Źródło

2012-02-15 16:37:21 ShankarSangoli

To może być rzeczywiście to. –

Czy css jest równy inline style, więc czy nie jest on silniejszy niż każda inna reguła csse nawet bez! Important? – gdoron

Jeśli masz '! Important' stosowany w stylach klas CSS, to styl wstawiania również nie pomoże. Aby zastąpić to, musimy również podać '! Important' w ramach stylów wbudowanych. – ShankarSangoli

Korzystanie !important będą wymuszać pierwszeństwo tym stylu:

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

Jednak to może być warte opublikowania się więcej o kodzie źródłowym, jak jest często lepszym rozwiązaniem niż korzystanie !important

Źródło

2012-02-15 16:38:00 Curt

@ T.J.Crowder - Chyba że "! Important" zostało ustawione gdzieś na połączonym arkuszu stylów. Jestem przekonany, że ważne w arkuszu stylów ma wyższy priorytet niż styl wbudowany bez! Ważne – Curt

'@ Curt': Ugh. Przykro mi to mówić, ale wydaje się, że masz rację: http: // jsbin.com/ubenar/2 (Nie mogę od razu znaleźć tego oświadczenia w specyfikacji CSS, ale kiedy Chrome, Firefox i IE wszyscy się zgadzają, zauważ, że po prostu tęsknię.) Kolejny powód, by unikać '! important' jak plaga. :-) –

@ T.J.Crowder To jest coś, na co możemy się zgodzić! – Curt

Spróbuj wykonać po załadowaniu strony:

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

Źródło

2012-02-15 16:38:27 deantoni

Nic nie zmieni. – gdoron

Jako szybkie rozwiązanie, może spróbuj tego:

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

Ale trzeba zobaczyć, gdzie konflikt pochodzi i naprawić.

Źródło

2012-02-15 16:39:24 iDifferent

<script type="text/javascript"> 

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

</script>

Źródło

2017-11-07 05:32:20

Zastępowanie tła ciała za pomocą JQuery?

Odpowiedz

Powiązane problemy