我有一个链接,我为它放了一个按钮(图片),我希望当点击链接时按钮(图片)像访问过的链接一样改变,当它变成紫色时
<td><a id="download" href="<?=$row['download_link']?>" target="_blank"><img src="download.png"></a></td>
它可以在 html 中更改还是必须在 css 中做一些事情,它是什么
至
我有一个链接,我为它放了一个按钮(图片),我希望当点击链接时按钮(图片)像访问过的链接一样改变,当它变成紫色时
<td><a id="download" href="<?=$row['download_link']?>" target="_blank"><img src="download.png"></a></td>
它可以在 html 中更改还是必须在 css 中做一些事情,它是什么
至
您可以通过从img
中删除a
,并添加以下内容,在纯 CSS 中执行此操作:
<style type="text/css">
#download
{
background-image:url(download.png);
display:block;
/* todo : put height and width of image here */
width:100px;
height:100px;
}
#download :visited
{
background-image:url(download_visited.png);
}
</style>