如果页面采用css+div布局那么会经常遇到给背景图片加入超链接的情况,通常的做法是
1.定义css
.butter1{
background:url(butbg.gif) 5px top no-repeat;
}
.butter1 a{ display:block; cursor:hand;}
然后在<html>里加入以下代码
<div class="butter1"><a href="#"><span>模块组合</span></a></div>
特别说明:为背景加超链接时必须加display:block,
2.另外的一种方式为
#logo { width:249px; height:62px; background-image:url(images/logo.gif);}
#logo a{ display:block; width:249px; height:62px; cursor:hand; }
然后在<html>里加入以下代码
<div id="logo"><a href="http://www.caopeng.com"> </a>
特别说明:为背景加超链接时必须加display:block,
并且按Logo图片的大小定义好它的宽和高。这样才能达到想要的效果。
Copyright © 2010-2021 北京瑞恒天龙科技有限公司 All Rights Reserved | 北京网站建设知名服务商 | 北京网站制作 | 京ICP备11004170号-1 京公网安备110107000463号
地址:北京市海淀区永定路长银大厦B座 非工作时间:15810379666 服务热线:400-809-6709 版权所有 盗版必究!