当前位置:首页 > 网站建设 > CSS中定义背景图片后添加链接的方法

CSS中定义背景图片后添加链接的方法

技术宅在前几天做站的时候碰到一个问题,网站的logo的图片时通过css定义的,源码设计时没有考虑到点击logo回到首页,我相信很多人还是愿意直接点击logo回到首页的,所以稍微修改了一下,下面把方法分享给大家。

我们知道,做页面时候,有时想要把图片做成背景,但是又必须加个链接,要实现这样的要求怎么办呢?下面的源码就能解决问题:

首先在CSS中定义如下代码:


#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.jishuzh.com"></a></div>

这样子把链接内联元素转换为块状元素,定义相同高度和宽度,在浏览器中点击logo也就可以链接到相应网址了。

 

友荐云推荐
  • «
  • »
  • 作者:
    除非注明,本文原创:技术宅,欢迎转载!转载请以链接形式注明本文地址,谢谢。
    原文链接:http://www.jishuzh.com/web/css中定义背景图片后添加链接的方法.html

    2 thoughts on “CSS中定义背景图片后添加链接的方法

    1. 穿衣

      这个代码挺简单的,可以试试~

    2. 追逐RMB

      嗯 的确, 这个以后用得着 以前老是想加 但是不晓得怎么去加。

    评论已关闭.