gpt4 book ai didi

html - Bootstrap - 在鼠标悬停时更改图标图像

转载 作者:行者123 更新时间:2023-11-28 16:57:57 26 4
gpt4 key购买 nike

<分区>

我的页脚中有一些链接到各种社交网络的图标。我希望能够在将鼠标悬停在它们上方时更改它们的颜色,但是到目前为止我的所有尝试都没有成功。

这是我目前的代码,它可以正确显示图像,但当然,在鼠标悬停时什么也不做:

HTML

<a target="_blank" href="#"><img src="http://te-al.co.uk/images/icons/f-icon20.png" alt="follow us on Facebook!"></a>

<a target="_blank" href="#a"><img src="http://te-al.co.uk/images/icons/t-icon20.png" alt="follow us on Twitter!"></a>

<a target="_blank" href="#"><img src="http://te-al.co.uk/images/icons/i-icon20.png" alt="follow us on Instagram!"></a>

<a target="_blank" href="#"><img src="http://te-al.co.uk/images/icons/v-icon20.png" alt="follow us on Vimeo!"></a>

我试过同时使用 <img class="f-icon"><div class="f-icon"> , 同时指定 width , height , 和 background-image对于.f-icon.f-icon:hover ,但是这不起作用;它在比我指定的宽度更长的宽度上重复图像。如果我向背景图像添加不重复,图标就会消失,所以我真的被卡住了。

link to the site

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com