javascript - 悬停时如何将背景 gif 放在 <a> 链接中

标签 javascript jquery html css

How can I put background image when I hover a link

<html>
    <head> </head>
    <body>
         <a href="#">Insert Bg in this a when hover</a>
    </body>
</html>

最佳答案

你需要设置 anchor 标签的display属性为block,并给它一个背景填充的高度。

HTML:

<html>
 <head> </head>
 <body>
     <a href="#">Insert Bg in this a when hover</a>
 </body>
</html>

CSS:

a{
 display : block;
 height : 100px;
}

a:hover{
 background : url('http://i.giphy.com/xUySTCEXzJdGCeIj3W.gif');
}

关于javascript - 悬停时如何将背景 gif 放在 <a> 链接中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42436963/

相关文章:

javascript - 使用 Javascript 从链接中删除不需要的 CSS

javascript - 正则表达式用下划线替换两个指定字符串之间的空格

jquery - 基思·伍德 JQuery SVG : clone() followed by change() not working

java - 如何使用 HTML 中的复选框获取两个值?

javascript - 通过 G+ API 登录不会使用户登录到 YouTube 上的正确帐户

javascript - 如何创建具有锁定 y 轴的水平滚动 Chart.js 折线图?

javascript - 如何在定期更改的 HTML 表格中保持所选行始终可见?

javascript - $.parseJSON(...).each 不是函数

javascript - 如何让铯点随 map 旋转?

html - 在打开新页面时运行过渡效果