html - 是否可以使用 :hover 更改图像?
问题描述
我已经设计了我的按钮在外部应用程序中的外观并将其保存为用于我的网页的图像,并且我想对网页进行编码,以便当我将鼠标悬停在按钮上时,它会更改为按钮的图像已经设计了 - 有没有办法用 html.css 做到这一点?
当前的html代码:
<div class = 'comment'>
<a href = "hidden_comments.html">
<img src='commentbar.jpg', width=90px>
</div>
CSS代码:
.comment{
display: inline;
margin-left: -10px;
}
解决方案
不建议使用 CSS hover 来做。您可能想要动态更改图像,而 CSS 无法做到。
在这里您可以找到准确的解决方案
推荐阅读
- azure-active-directory - 使用 Azure B2C 对应用服务进行身份验证不起作用
- r - 如何将数据标签添加到 R 上的雷达图?
- react-native - React-Native 上的共享工作表图标
- r - igraph 未知索引
- javascript - 当轮播位于过渡元素中时,Slick 有时会显示所有元素彼此重叠
- r - 导致此错误的原因:“无法检索 XML 的包源”
- python - 我怎样才能让它打印用户输入的最长的名称/字符串
- python - 使多个变量等于列表中的多个值
- python - 如何在 tkinter 中更改帧,使其保持活动状态几秒钟
- c# - 如何确定 Azure Blob 是否不同于当前文件(C#/.Net Core)?