将图像悬停在另一个图像上

时间:2018-04-20 19:48:45

标签: html css

我正在尝试将图片#about替换为悬停时的另一张图片,无论我做什么,我都无法让它工作。

帮助表示感谢!

#about {
    width: 150px; 
    height: 117px; 
    padding-top: 100px; 
}

#about:hover {
    background-image: url("about_button2.png"); 
}

1 个答案:

答案 0 :(得分:0)



#about {
    width: 150px; 
    height: 117px; 
    padding-top: 100px;
    background-color: gray; 
}

#about:hover {
    background-image: url("https://i.stack.imgur.com/mw9tP.png");
}

<html>
    <body>
        <div id="about"></div>
    </body>
</html>
&#13;
&#13;
&#13;