Question

我目前正在制作具有悬停效果的页脚图像。前3个工作正常，但最后2个不想工作。我使用相同的css和html代码，有人可以帮助我。这是我为每个人使用的代码。

CSS示例：

.rssfade {
position:relative;
display:block;
height:32px;
width:32px;
background:url(images/social-icons/LinkedIn.png) 0 0 no-repeat;
}

.rssfade span.hover {
position:absolute;
top:0;
left:0;
display:block;
height:32px;
width:32px;
background:url(images/social-icons/LinkedIn-c.png) 0 -0px no-repeat;
}

Html示例：

 <div id="bottom-social">
                    <ul>
                        <li><a class="rssfade" href="http://www.linkedin.com/profile/view?id=325809071&trk=nav_responsive_tab_profile"><span></span></a></li>

Answer 1

将.rssfade span.hover更改为.rssfade span:hover

你需要:伪元素才能工作

Answer 2

提供li元素类.rssfade

<div id="bottom-social">
    <ul>
        <li class="rssfade"><a  href="http://www.linkedin.com/profile/view?id=325809071&trk=nav_responsive_tab_profile"><span></span></a></li>

并将.rssfade span.hover更改为.rssfade span:hover

悬停时的css适用于前3个，然后不起作用。 WordPress的

2 个答案: