悬停列表项时更改div的背景图像

菲利普·格金尼奇

这是我的html

<li><a href=""><div class="arrow"></div>List Item</a></li>

在用鼠标悬停“列表项”时,如何更改类“箭头”的背景图像?类箭头只是每个列表项前面的导航图像。

这是我的CSS

.arrow {
background: transparent url('../images/arrow.png') center center no-repeat;
width:16px;
height:16px;
float: left;
padding:0;
margin-right:1em;
}

.arrow:hover {
background: transparent url('../images/arrow_hover.png') center center no-repeat;
}
塞尔吉奥

尝试:

li:hover .arrow {
    background: transparent url('../favicon.png') center center no-repeat;
}

演示版

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

更改<div>悬停时的<body>背景图像

来自分类Dev

在非父级/非同级div悬停时div背景图像更改

来自分类Dev

如何在悬停时更改背景图像更改

来自分类Dev

悬停时的背景图像

来自分类Dev

jQuery在悬停时更改div的背景图像(带有淡入淡出动画)

来自分类Dev

的div更改悬停时另一个divs背景图像而不是父元素

来自分类Dev

更改悬停时每个孩子的父背景图像/颜色

来自分类Dev

悬停时 div 的背景图像过渡不起作用

来自分类Dev

悬停时rotateY的CSS背景图像覆盖div

来自分类Dev

悬停时更改背景图片

来自分类Dev

使背景图像悬停

来自分类Dev

悬停以更改背景图像而不是背景颜色

来自分类Dev

WPF如何在鼠标悬停在按钮上时更改背景图像

来自分类Dev

同时在悬停时更改按钮背景图像,文本和形状

来自分类Dev

如何在悬停、焦点、活动时更改 ::before SVG 背景图像颜色

来自分类Dev

使列表项之间的背景图像居中对齐

来自分类Dev

每个列表项都有特定的背景图像

来自分类Dev

每个列表项都有特定的背景图像

来自分类Dev

使用下拉列表更改背景图像?

来自分类Dev

在CSS中将鼠标悬停时更改离子列表项的背景颜色

来自分类Dev

循环数组以更改 Div 的背景图像

来自分类Dev

在更改背景图像时逐渐消失

来自分类Dev

滚动时背景图像UITableView更改

来自分类Dev

将鼠标悬停在图片上时更改div的背景图片

来自分类Dev

使用背景图像更改悬停图标的颜色

来自分类Dev

jQuery悬停以固定位置更改背景图像

来自分类Dev

背景图像悬停状态

来自分类Dev

悬停时更改图像背景颜色

来自分类Dev

悬停时每个菜单父项的新背景图像

Related 相关文章

热门标签

归档