可以将鼠标悬停在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" />

让我知道它是怎么回事！