在css中为背景图片添加链接
2014-11-14 09:38
387 查看
在做页面时候，有时难免会把图片图片做成背景，但是又想加个链接，可以采用正面的办法解决。
#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图片的大小定义好它的宽和高。这样才能达到想要的效果。
呵呵，不知以上我有没有说明白，偶不善于言辞，但很有耐心的。希望您和我一样有收获。
来源http://www.cnblogs.com/freespider/archive/2010/08/17/1801460.html
#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图片的大小定义好它的宽和高。这样才能达到想要的效果。
呵呵，不知以上我有没有说明白，偶不善于言辞，但很有耐心的。希望您和我一样有收获。
来源http://www.cnblogs.com/freespider/archive/2010/08/17/1801460.html
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 在css中为背景图片添加链接
- 校内网css代码添加背景图片常用代码
- 【IE6的疯狂之八】链接伪类（:hover）CSS背景图片有闪动BUG
- python提取CSS文件中背景图片等属性的外部链接值
- 链接伪类（:hover）CSS背景图片有闪动BUG
- 【IE6的BUG一】链接伪类（:hover）CSS背景图片有闪动BUG
- css给未知宽高的元素添加背景图片
- css在div块添加背景图片为何不显示呢？
- CSS基础实例：CSS实现带背景图片的文字链接的方法
- 用css实现链接经过时显示浮动图片背景的效果
- IE6下链接伪类（:hover）CSS背景图片有闪动BUG
- 【IE6的疯狂之八】链接伪类（:hover）CSS背景图片有闪动BUG
- html css：背景图片链接css写法
- CSS添加多个背景图片
- CSS基础知识二（段落设置CSS效果、图片边框、div和span区别、CSS控制背景、CSS控制链接）
- css 连接添加背景图片
- 【学习摘记】马士兵HTML & CSS_课时2_链接到页面的某个具体位置、背景图片与引用路径
- 链接伪类（:hover）CSS背景图片有闪动BUG的解决方法
- 链接伪类（:hover）CSS背景图片有闪动BUG及解决方案
- 校内网css代码添加背景图片代码