Html 悬停时更改文本问题
我试图使它,以便当您将鼠标悬停在一个“框”上时,它会更改其中的文本。但是,在复选标记/错误标记和以下或以下内容之间似乎有一个换行符。为什么? HTML:Html 悬停时更改文本问题,html,css,hover,Html,Css,Hover,我试图使它,以便当您将鼠标悬停在一个“框”上时,它会更改其中的文本。但是,在复选标记/错误标记和以下或以下内容之间似乎有一个换行符。为什么? HTML: 奇怪的是,在“展开”之前添加缺少的分号时,问题得到了修复。我看不出换行有任何问题,您在哪个浏览器下看到了这个问题?哪个浏览器给了您这个问题?我在FF 3.6、Chrome 10、Safari 5.0(Windows)和IE 9中尝试了你的代码,唯一的错误是在Unfollow之前缺少分号,这意味着IE没有显示十字。 <a class="af
奇怪的是,在“展开”之前添加缺少的分号时,问题得到了修复。我看不出换行有任何问题,您在哪个浏览器下看到了这个问题?哪个浏览器给了您这个问题?我在FF 3.6、Chrome 10、Safari 5.0(Windows)和IE 9中尝试了你的代码,唯一的错误是在Unfollow之前缺少分号,这意味着IE没有显示十字。
<a class="afp" href="demo.html">
<span class="addfriend2">
<span class="fr1">
<font color="#33FF00">✓</font > Following
</span>
<span class="fr2">
<font color="#FF0000">✗</font> Unfollow
</span>
</span>
</a>
.addfriend2 {
border-radius: 15px;
background: #517eca;
padding: 8px;
margin-left: 30px;
text-align: center;
font-size: 14px;
}
a.afp{
text-decoration: none;
color:#000000;
}
a.afp:visited{
text-decoration: none;
color:#000000;
}
a.afp:active{
text-decoration: none;
color:#000000;
}
span.fr2{
display:none;
}
a.afp:hover span.fr1{
display:none;
}
a.afp:hover span.fr2{
display:inline;
}