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

【问题标题】：Hovering over an image changes HTML background将鼠标悬停在图像上会更改 HTML 背景
【发布时间】：2014-11-09 16:12:36
【问题描述】：

基本上：

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

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

【问题讨论】：

标签： css html hover background-image

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

在css中，你不能这样做，因为“body”是“div”的父元素，它应该在悬停的元素旁边使用for格式

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()";
     });

【讨论】：

elem = document.getElementById("ID"); elem.addEventListener("mouseout", function(){ document.getElementsByTagName("body")[0].style.backgroundImage="url()"; });我想恢复为空白，这是我添加的，感谢代码！