IE6如何实现css中a:hover的背景图片 是图片 不是颜色
展开全部
我不知道你讲的是不是。IE6下a:hover 背景图片替换?
a{background:url(../images/testing.gif) no-repeat 0 0;}
a:hover{background:url(../images/testing-hover.gif) no-repeat 0 0;}
IE6下除a标签外不支持其它标签的:hover属性
一般都是通过JS来实现的
如:鼠标移到li里换背景
js:
<li onmouseover="this.style.backgroundImage='../images/test-hover.gif'" onmouseout="this.style.backgroundImage='../images/test.gif'">2222222222</li>
jQUERY:
$(function(){
$("li").hover(function(){
$(this).css("background-image","../images/test.gif");
},
function(){
$(this).css("background-image","../images/test-hover.gif");
}
)
})
a{background:url(../images/testing.gif) no-repeat 0 0;}
a:hover{background:url(../images/testing-hover.gif) no-repeat 0 0;}
IE6下除a标签外不支持其它标签的:hover属性
一般都是通过JS来实现的
如:鼠标移到li里换背景
js:
<li onmouseover="this.style.backgroundImage='../images/test-hover.gif'" onmouseout="this.style.backgroundImage='../images/test.gif'">2222222222</li>
jQUERY:
$(function(){
$("li").hover(function(){
$(this).css("background-image","../images/test.gif");
},
function(){
$(this).css("background-image","../images/test-hover.gif");
}
)
})
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
a:hover{width:100px; height:100px; background:url("图片路径"); display:block;}
一定要设置图片的宽度和高度,再设置display为块级元素,这样就哦了~~~~
一定要设置图片的宽度和高度,再设置display为块级元素,这样就哦了~~~~
更多追问追答
追问
加你QQ教我吧 呵呵 我试过了怎么都不行啊
追答
我加你,你QQ多少?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
a:hover{background:url(***.jpg)}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询