"a:hover"-在css中的应用问题！！！

karry · 发表于 2014-1-2 17:38:35

网页开发语言：html+div+css.
网页内文字连接有8处图片链接有16处.
本人的设想是在文字超链接下面.鼠标滑上去显示下划线并且改变超链文本背景！网页链接的css规则中.便有如下代码：
               a:hover {
                        background-color: #FFFFFF;
                        text-decoration: underline;

                              }
                     a:link {
                           text-decoration: none;

                              }

               得到的结果却是文本超链接处如己所愿顺利的实现了自己的设想.但是随之问题也来了.鼠标滑到那8处图片超链上边，图片也显示了下划线.图片底部颜色也均有改变。
                                 问题：如何控制可以仅仅

让文本超链实现鼠标滑过显示下划线和背景色改变.而图片则不要适用此规则呢？                                  求赐教！！！

xianrenqh · 发表于 2014-1-2 17:44:48

img { text-decoration: none;
background:none;

}

诸葛凤梧 · 发表于 2014-1-2 17:59:28

方便把代码贴上吗

karry · 发表于 2014-1-2 18:03:20

xianrenqh 发表于 2014-1-2 17:44
img { text-decoration: none;
background:none;

您好！感谢您的热心哦。你说的代码实现不了！

karry · 发表于 2014-1-2 18:06:53

诸葛凤梧发表于 2014-1-2 17:59
方便把代码贴上吗

a:hover {
                              background-color: #FFFFFF;
                              text-decoration: underline;

                              }
                     a:link {
                              text-decoration: none;

                              }

jiu这个css里面的代码：意思是鼠标滑过超链接后显示背景色跟下划线但是图片也显示哦？我不想让图片显示

诸葛凤梧 · 发表于 2014-1-2 20:30:53

我想看你完整代码

karry · 发表于 2014-1-3 18:25:51

诸葛凤梧发表于 2014-1-2 20:30
我想看你完整代码

html里面代码为：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>飘仙</title>

<link href="wt.css" rel="stylesheet" type="text/css">

</head>

<body>
<a href="bbs.piaoxian.net ">飘雪</a>
<a href="bbs.piaoxian.net">飘仙</a>
<a href="bbs.piaoxian.net "><img src="http://bbs.piaoxian.net/static/image/common/6379a.png" ></a>
</body>
</html>

      css代码为：
body {
background-color: #CCCCCC;
margin: 0px;
padding: 0px;
}
a:link {
text-decoration: none;

}
a:hover {
      text-decoration: underline;
      background-color: #FFFFFF;
}
以上代码能够实现鼠标滑过超链接.文字显示下划线.且文字背景色改变.但是超链的图片也出现了相应的背景色？

		自动登录	找回密码
密码			立即注册

[求助] "a:hover"-在css中的应用问题！！！

点评

点评

评分

点评

站长推荐 /1