div+css怎么把背景图片的字体变色，用二张图片的叠加
比如二张相同的图片，但是上面的字体相同颜色不同，用div+css写代码，最后的效果是鼠标放上去的字体颜色变换，图片不动，就行了...
比如二张相同的图片，但是上面的字体相同颜色不同，用div+css写代码，最后的效果是鼠标放上去的字体颜色变换，图片不动，就行了
展开
6个回答
展开全部
如果文字不是普通的宋体黑体，是在图片上，就做两张图片，两张字体颜色不同就行 用超链接的变换换背景就ok了 a:link a:hover 背景换一下就行
如果字体简单是宋体，就用一个背景，只变换超链接颜色就ok color 不明白在问我
如果字体简单是宋体，就用一个背景，只变换超链接颜色就ok color 不明白在问我
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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=utf-8" />
<title>example</title>
<style type="text/css">
<!--
body{ font-size:12px;}
a{ background:#eee url(images/01.jpg) no-repeat 0 0; color:#000; display:block; height:20px; line-height:20px; text-align:center; text-decoration:none; width:50px;}
a:hover{ color:#f00;}
-->
</style>
</head>
<body>
<a href="#">文字</a>
</body>
</html>
说明一下：这个例子里文字是系统字，不在背景图片里，所以用颜色来控制变色就可以了。
如果文字在图片里（和图片是一个整体），那么鼠标移上时换图就可以了，在上例样式里这样写：
a:hover{ background:url(images/02.jpg) no-repeat 0 0;}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>example</title>
<style type="text/css">
<!--
body{ font-size:12px;}
a{ background:#eee url(images/01.jpg) no-repeat 0 0; color:#000; display:block; height:20px; line-height:20px; text-align:center; text-decoration:none; width:50px;}
a:hover{ color:#f00;}
-->
</style>
</head>
<body>
<a href="#">文字</a>
</body>
</html>
说明一下：这个例子里文字是系统字，不在背景图片里，所以用颜色来控制变色就可以了。
如果文字在图片里（和图片是一个整体），那么鼠标移上时换图就可以了，在上例样式里这样写：
a:hover{ background:url(images/02.jpg) no-repeat 0 0;}
更多追问追答
追问
图片图片
#main #left #cb_di{
background:url(../image/images/cb_tu4.gif) no-repeat;
width:217px;
height:63px;}
#main #left #cb_di a{ display:none; }
#main #left #cb_di a:hover{
background:url(../image/images/cb_tu5.gif) no-repeat ;
} 这样写怎么鼠标放上去不变颜色呢
追答
你还要写 color:颜色值; 来定义颜色，比如这里：
#main #left #cb_di a{ display:none; color:#000;}
#main #left #cb_di a:hover{ background:url(../image/images/cb_tu5.gif) no-repeat ; color:#f00;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
麻烦，直接去找个ps的或者自己 把 图片上的字 改掉就好了！ 顺便再 告诉你一下哦，背景=背景图片+上面的字， 这是一个整体，你想怎么改？ 另外一张图片覆盖上面？ 还是准备上另外一张图片透明度 降为0%？？？
如果你是自己输入的内容+个背景图片 这个字 还是可以改颜色的 color
如果你是自己输入的内容+个背景图片 这个字 还是可以改颜色的 color
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你这样设置.a{backgruond:img1.jpg;width:200px; height:200px;}
.a:hover{backgruond:img2.jpg}
然后<A CLASS="A"></A>就可以 了
.a:hover{backgruond:img2.jpg}
然后<A CLASS="A"></A>就可以 了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不知道你要干什么，你可以用两张背景来解决呀，根据自己的需要求调用不同的CSS
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
