可能将鼠标悬停在PNG图片上？

Question

是否可以将鼠标悬停在使用CSS/jQuery的PNG图像上？或者，使用纯CSS3创建元素（比如说明星）会更好吗？

Answer 1

你既可以做：

的jQuery：

$('.someclass').hover(function(){ 
    // code goes here $(this).css({'border-color':'#fff'}); 
}); 

CSS：

.someclass { border-color: red; } 
.someclass:hover { border-color:#fff; } 

我个人使用纯CSS推荐，因为我已经看到它的作品更好地在手机上特别是当使用动画和过渡。

Answer 2

您不能使光标悬停在CSS或jQuery的任何位置。如果您想移动光标并将鼠标悬停在图片上，我会推荐下载AutoHotKey并创建一个脚本。使用AutoHotKey，您可以将鼠标移动到屏幕的任何位置 - 即使是在PNG图像的顶部！

你可以尝试使用纯粹的CSS3做一个明星，但我不认为这会起作用。我从来没有听说过将鼠标移动到指定位置的CSS明星。然而，如果你想尝试一下，这里是代码：

<star color="yellow" border="thin solid black" pointCount="5" height="50px" width="50px" /> 

让我知道它是怎么回事！