1

仅使用 CSS 是否可以将鼠标悬停在页面上会影响正文背景的元素上？

如果他们将鼠标悬停在该页面中的“文章”类上，我基本上想更改页面的背景“bg”。

<body class="bg"> <div class="article"></div> </body>

4

1 回答 1

2

你不能直接，因为 css 不能向上移动 DOM 树（还）。

但是，您可以通过在文章中添加带有背景的伪元素来模仿效果，并使其覆盖整个背景。

看看这个：http: //jsfiddle.net/QRrnj/

.article:hover:before {
    content:'';
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(http://placekitten.com/500/500) no-repeat center;
    background-size: cover;
}
于 2013-07-11T21:16:30.457 回答