css中a:hover的问题
请帮我看看一下代码出了什么问题?鼠标悬停时就是不出我想要的图片<html><body><styletype="text/css">a{text-decoration:no...
请帮我看看一下代码出了什么问题?鼠标悬停时就是不出我想要的图片
<html>
<body>
<style type="text/css">
a {
text-decoration:none;
}
a.nav:hover {
background-image: url(4.png) no-repeat;
border:solid 2px red;
}
</style>
<a href="http://www.baidu.com" class="nav"><img src="3.png"/></a>
</body>
</html> 展开
<html>
<body>
<style type="text/css">
a {
text-decoration:none;
}
a.nav:hover {
background-image: url(4.png) no-repeat;
border:solid 2px red;
}
</style>
<a href="http://www.baidu.com" class="nav"><img src="3.png"/></a>
</body>
</html> 展开
1个回答
展开全部
必须的！
默认你的图片显示的是3.png，没有背景。当鼠标移到超链接时，鼠标的前面显示的是3.png，背景是4.png，此时虽然背景是4.png，但由于被前面的3.png挡着，你还是只能看到3.png。
修改：
把3.png那个图片去掉，改成文字试试就知道了。你可以给超链接一个宽度和高度，然后将超链接的默认背景图片改成3.png，鼠标经过时改成4.png。
默认你的图片显示的是3.png，没有背景。当鼠标移到超链接时，鼠标的前面显示的是3.png，背景是4.png，此时虽然背景是4.png，但由于被前面的3.png挡着，你还是只能看到3.png。
修改：
把3.png那个图片去掉，改成文字试试就知道了。你可以给超链接一个宽度和高度，然后将超链接的默认背景图片改成3.png，鼠标经过时改成4.png。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
