隱藏/顯示正文背景

我正在一個新網站上工作，我正在使用背景圖片rotaror（刷新後）。我做了一個開關，您可以打開/關閉背景圖像。隱藏/顯示正文背景

我發現了一些腳本，可以使用div而不是使用css中的body。所以當開/關開關是點擊我需要得到「背景：」刪除。

有人可以幫我一個jQuery/JavaScript腳本？

body { 
margin: 0; 
padding: 0; 
background: url("../img/landingpage/background/random.php") fixed no-repeat; 
background-size: cover; 
color: white; 
font-family: verdana; 
}

來源

2014-03-19 Silence

保存'url（「.......」）修復no-repeat'到var ...然後你可以這樣做：'$ item.css（「background」，mrVar）'''$ item .css（「background」，「」）;' – Fallenreaper

也許像'background-image：none;'？ –

使用jQuery你可以做這樣的事情：

$('body').css('background' : '');

來源

2014-03-19 18:11:34

似乎無法使其正常工作：jsfiddle.net/uJcB7/607 – Silence

$("#switch").on("click", function() { 
    $("body").css("background", "none"); 
});

來源

2014-03-19 18:11:50 apohl

似乎無法使其正常工作： http://jsfiddle.net/uJcB7/607/ – Silence

我做了一項修改以解決此問題。 http://jsfiddle.net/uJcB7/609/ – apohl

謝謝！是否有可能取消選中您獲取背景的按鈕？ – Silence

我做了它現在的工作，與切換功能

$("#myonoffswitch").toggle( 
function(){ 
    $("body").css("background", "none"); 
} 
, 
function(){ 
    $("body").css("background", "url('http://p1.pichost.me/640/27/1502004.jpg')"); 
} 
);

的jsfiddle： http://jsfiddle.net/A97G3/

來源

2014-03-20 09:03:00 Silence

隱藏/顯示正文背景

回答

相關問題