1

我正在尝试制作一个星级类型系统，并且只在此刻处理 css 部分。我已经这样做了，使用 css 中的背景图像通过背景图像将星星替换为点亮的星星，如下所示：

.hover-stars:hover{
    background-image: url(http://www.softwares.com/img/icons/favorites.png);
    background-repeat: no-repeat;       
}

我想尝试并知道的是实现悬停后效果，因此一旦用户将图像悬停在其上，图像就会保留在那里。如果可能，如果用户再次将鼠标悬停在它上面，请撤消该操作。创造星星跟随用户鼠标轨迹的错觉。

我已经尝试过了，但它不起作用。

.hover-stars:hover:after{
    background-image: url(http://www.softwares.com/img/icons/favorites.png);
    background-repeat: no-repeat;
}
4

1 回答 1

1

选择:after器在元素之后插入内容。所以这不是正确的使用方法。我不相信你正在寻找的东西可以用 CSS 来完成。您可以通过在hover上向元素添加或删除类来查看 jQuery 来为您解决问题。例如...

$(".hover-stars").hover(
function () { $(this).addClass(".hover-star-after")
});​

然后添加您要添加​​的额外 CSS 类...

.hover-stars-after {
background-image: url('http://www.softwares.com/img/icons/favorites.png');
background-repeat: no-repeat;
}
于 2012-12-19T18:06:51.723 回答