返回信息流把<li><a href="#">超链接</a></l i>中的“超链接”添加背景图片 可以怎么做?我在css文件中写了background-image:url(libg.png)no repeat；但是没效果
这是一条镜像帖。来源：北邮人论坛 / www-technology / #21811同步于 2013/10/21
该镜像源已超过 30 天没有更新，可能在源站已被删除。
WWWTechnology机器人发帖
如何给链接添加背景？？
NeverGo
2013/10/21镜像同步8 回复
订阅后，新回复会通过你的通知中心匿名送达。
8 条回复
【 在 NeverGo 的大作中提到: 】
: 把<li><a href="#">超链接</a></l i>中的“超链接”添加背景图片 可以怎么做?我在css文件中写了background-image:url(libg.png)no repeat；但是没效果
LZ试试我的方法
<a href="#"><span style="background-image:url(xxx.jpg);">超链接</span></a>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#top{
background:#515151;
font-size:14px;
color:#ffffff;
height:27px;
}
#top ul{
list-style-type:none;
}
#top ul li{
float:left;
text-align:center;
line-height:27px;
}
#top li a{
text-decoration:none;
width:100px;
display:block;
color:#fff;
background-image:url(../sk/banner3.jpg);
}
</style>
</head>
<body>
<div id="top">
<ul>
<li><a href="#">雪域西藏</a></li>
<li><a href="#">天府四川</a></li>
<li><a href="#">稻城亚丁</a></li>
<li><a href="#">神奇九寨</a></li>
<li><a href="#">永恒三峡</a></li>
<li><a href="#">雄秀峨眉</a></li>
<li><a href="#">川藏万里</a></li>
<li><a href="#">城市驿站</a></li>
<li><a href="#">出国咨询</a></li>
</ul>
</div>
</body>
</html>
【 在 NeverGo 的大作中提到: 】
: 把<li><a href="#">超链接</a></l i>中的“超链接”添加背景图片 可以怎么做?我在css文件中写了background-image:url(libg.png)no repeat；但是没效果
可以了！十分感谢你！！但是为什么不能用类选择器，一定要用id选择器？[ema9]
【 在 diligent 的大作中提到: 】
: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
: <html xmlns="http://www.w3.org/1999/xhtml">
: <head>
: ...................