Question

我正在使用css3多个背景图片。我想知道是否可以使用伪类添加顶层背景，例如：hover或：active？

Answer 1

是的，可以让伪类与您的后台一起使用。但它会让您的用户在使用:hover或:active时感到不舒服。

您可以将 CSS 应用于多个div，如下所示：

.background1.background2{
    background-image: url(background1.png), url(background2.png);
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    backgroun-size: 100%, 50%
}

或者你可以将 CSS 应用于这样的多个div（取决于你希望如何将图像呈现给浏览器：

.background1{
    background-image: url(background1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.background2{
    background-image: url(background2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
}

如果你想自己随机改变背景，那么我建议你在刷新时使用CSS3 Animation或jQuery。

CSS3 Animation
jQuery Change on Refresh

有没有办法在使用css3多个背景图像时添加背景？

1 个答案: