在css中为背景图片添加链接
2010-08-17 14:12
267 查看
在做页面时候,有时难免会把图片图片做成背景,但是又想加个链接,可以采用正面的办法解决。
#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.cctv.com"></a>
用IE浏览图片就能有超链接,鼠标并以一个小手出现,在dreamweaver效果是一样的。
特别说明:为背景加超链接时必须加display:block,并且按Logo图片的大小定义好它的宽和高。这样才能达到想要的效果。
呵呵,不知以上我有没有说明白,偶不善于言辞,但很有耐心的。希望您和我一样有收获。
#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.cctv.com"></a>
用IE浏览图片就能有超链接,鼠标并以一个小手出现,在dreamweaver效果是一样的。
特别说明:为背景加超链接时必须加display:block,并且按Logo图片的大小定义好它的宽和高。这样才能达到想要的效果。
呵呵,不知以上我有没有说明白,偶不善于言辞,但很有耐心的。希望您和我一样有收获。
相关文章推荐
- 在css中为背景图片添加链接
- css在div块添加背景图片为何不显示呢?
- 【IE6的疯狂之八】链接伪类(:hover)CSS背景图片有闪动BUG
- CSS基础知识二(段落设置CSS效果、图片边框、div和span区别、CSS控制背景、CSS控制链接)
- 校内网css代码添加背景图片常用代码
- 【IE6的BUG一】链接伪类(:hover)CSS背景图片有闪动BUG
- 【IE6的疯狂之八】链接伪类(:hover)CSS背景图片有闪动BUG
- 链接伪类(:hover)CSS背景图片有闪动BUG及解决方案
- IE6下链接伪类(:hover)CSS背景图片有闪动BUG
- CSS基础实例:CSS实现带背景图片的文字链接的方法
- html css:背景图片链接css写法
- 用css实现链接经过时显示浮动图片背景的效果
- 校内网css代码添加背景图片代码
- 【学习摘记】马士兵HTML & CSS_课时2_链接到页面的某个具体位置、背景图片与引用路径
- CSS添加多个背景图片
- 链接伪类(:hover)CSS背景图片有闪动BUG的解决方法
- 链接伪类(:hover)CSS背景图片有闪动BUG
- css 连接添加背景图片
- python提取CSS文件中背景图片等属性的外部链接值
- css在div块添加背景图片为何不显示呢