您好，关于如何利用css 使鼠标经过图片时 图片就自动变成另一张图片了 鼠标离开后还原
在“当鼠标经过图片时图片就自动变成另一张图片了鼠标离开后还原”这个问题中您是这样解答的：其实不但只JS可以实现利用CSS也可以实现的把图片当成背景图片就可以了简单的例子（...
在“当鼠标经过图片时 图片就自动变成另一张图片了 鼠标离开后还原”这个问题中您是这样解答的：其实不但只JS可以实现 利用CSS也可以实现的 把图片当成背景图片就可以了 简单的例子（你只要在CSS背景的地方加上背景图片就可以了）<!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=gb2312" /> <title>无标题文档</title> <style type="text/css"> <!-- body,td,th { font-size: 12px; } .test{ width:200px; height:200px; background:#FF0000 ; cursor:pointer;} .test:hover{ background:#0000FF} --> </style></head> <body> <div class="test"></div> </body> </html> 我对css毫无认知，所以特意来询问“只要在CSS背景的地方加上背景图片”怎么加啊，图片地址要怎么加上去啊 ，我依稀知道宽 高 背景：颜色 然后图片地址贴在哪里确是一点头绪没有，求指导 另外如果要在图片上加上超链接又要如何实施呢？ 先谢过
展开
1个回答
展开全部
1、加背景图片：background:url(../images/photo.jpg) no-repeat; 图片地址是相对于当前文件的路径，使用绝对路径也可以，比如background:url( http://www.xxx.com/images/photo.jpg ) no-repeat;但不推荐这样做。 2、这种图片加链接的话，可以用a把div包住。比如<a href="test.html"><div class="test"></div></a>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
