首页 > 解决方案 > 是否可以使用 :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;
}

标签: htmlcss

解决方案


不建议使用 CSS hover 来做。您可能想要动态更改图像,而 CSS 无法做到。

在这里您可以找到准确的解决方案


推荐阅读