将鼠标悬停在链接

Question

我想设置我的页面，以便当用户将鼠标悬停在div中的链接上时，身体背景的颜色会发生变化，但仅在悬停时。这是css

body {
  background-color: black;
}

a {
  color: white;
  text-decoration: none;
}

a:hover {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

Answer 1

它不是很漂亮，但您可以使用:before上的body伪元素

<a class="change-bg" href="">link 1</a>

CSS：

body {
    background: #fff;
}

a.change-bg:hover:before {
    content:'';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #000;
}

http://jsfiddle.net/bjsvhze8/13/