将鼠标悬停在图像上会更改HTML背景

Question

基本上：

div:hover
{
body{ background-image:(bg.png); }
} 

这是逻辑代码，我知道它不起作用，但最好的方式是我可以向你展示我的问题。

Answer 1

那么你想要完成的事情不能仅仅使用Css实现，你可以使用像这样的jquery来实现它

$("#someDiv").hover(function(){
    $("body").css("background-image", "url('image_url')")
});

Answer 2

在css中，你不能这样做＆＃34; body＆＃34;是＆＃34; div＆＃34;的父元素它应该出现在悬停的元素旁边以使用像

这样的格式

firstelement:hover second_element {/*styles*/} 

你可以使用jquery来实现它

$("div").hover(function(){
    $("body").css("background", "url('url_of_image_here')")
});

或javascript

   elem = document.getElementById("ID");
   elem.addEventListener("mouseout", function(){   
      document.getElementsByTagName("body")[0].style.backgroundImage="url()";
     });