如果要自动变换的话这个要JS控制!标签的背景图片包括大小都可以设置!
㈡ jquery怎么给div下的a标签添加背景图片
<!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>显示背景</title>
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$.each($("#PagingView a"),function(index,item){
switch($(item).text()){
case "First":
$(item).css({"color":"#ff0","background":"url(logo.png)"});
break;
case "Next":
$(item).css({"color":"#f00","background":"url(logo.png)"});
break;
case "Last":
$(item).css({"color":"#0f0","background":"url(logo.png)"});
break;
}
});
});
</script>
</head>
<body>
<div id="PagingView" style="width:500px; height:500px">
<a href="javascript:;" style="height:100px; width:100px; display:block;">First</a>
<a href="javascript:;" style="height:100px; width:100px; display:block;">Next</a>
<a href="javascript:;" style="height:100px; width:100px; display:block;">Last</a>
</div>
</body>
</html>
㈢ a标签背景图片显示不全
.Previous{
background-image:url(/Templets/images/fy02_03.png);
width:20px;
height:20px;
display:block;
}
之前也遇到过这个问题,琢磨了好长时间,记得给分哦
㈣ 请教下CSS中a标签背景图片不能完全显示是什么原因
请教下CSS中a标签背景图片不能完全显示原因:
css没有被调用,请检查css调用是否成功。
css图片地址不对,请检查css图片地址是否正确。
div的高度没有固定,是auto或者没有设值;div设置错误容易导致背景图片高度太大则无法显示。
div被嵌套,查看嵌套的div是否设置正确。
div代码不规范,请检查div代码是否书写正确。
㈤ 鼠标点击a标签,改变a标签的背景图片,js代码怎么写
因为没有你那个背景图片,所以用黑色背景代替,保存下面的html代码运行就能看到效果了
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
<style>
.redBallBox{width:430px;padding-right:34px;float:left}
.redBallBoxli{width:33px;margin-right:6px;float:left;text-align:center;height:50px;line-height:14px}
.redBallBoxlispan{font-size:11px;color:#b6b6b6}
.redBallBoxlispan.maxomit{color:#ba2636}
.redBallBoxlia,.redBallBoxlia:visited{background:url(../images/newballs.png)00no-repeat;width:33px;height:33px;display:block;text-align:center;line-height:34px;font-size:16px;font-weight:bold;overflow:hidden;outline:0}
.redBallBoxlia:hover{background-position:-35px0;color:#333}
.redBallBoxlia.active,.redBallBoxlia.active:visited,.redBallBoxlia.active:hover{background-position:-70px0;color:#fff;background:#000;}
</style>
<divclass="redBallBox"id="redBallBox">
<ulclass="clearfix">
<li>
<ahref="#"hidefocus="true"rel="nofollow"class="js_ball"data-value="1">01</a>
<span>8</span>
</li>
<li>
<ahref="javascript:;"hidefocus="true"rel="nofollow"class="js_ball"data-value="2">02</a>
<span>0</span>
</li>
<li>
<ahref="javascript:;"hidefocus="true"rel="nofollow"class="js_ball"data-value="3">03</a>
<span>1</span>
</li>
<li>
<ahref="javascript:;"hidefocus="true"rel="nofollow"class="js_ball"data-value="4">04</a>
<span>7</span>
</li>
<li>
<ahref="javascript:;"hidefocus="true"rel="nofollow"class="js_ball"data-value="5">05</a>
<span>4</span>
</li>
</ul>
<script>
(function(){
varli=document.getElementById('redBallBox').getElementsByTagName('a'),i;
for(i=0;i<li.length;i++){
li[i].onclick=function(){
this.className="active";
}
};
})();
</script>
<div>
</body>
</html>
㈥ a标签的背景图片问题
你可以尝试一下,把你的图片放到与项目同文件夹下试试。。。
㈦ A标签的背景图片为什么不显示出来 .
A标签的背景图片不显示出来,是设置错误造成的,解决方法如下:
1、首先新建一个空白的HTML文档。
㈧ 怎么给a标签里的img加hover背景图片
你是不是要在a标签里面超链接样式a:hover加上背景图片啊?如果是这样 那你要写hover你要写CSS样式!<style type=text/css>a:hover{background-image:url("图片地址");}</style>
㈨ a标签大小为100*100,a标签的背景图片大小为50*50,请问怎么做才能把背景图片铺满a标签
background-size 属性规定背景图片的尺寸
用css做 这个可以更改背景图片的大小希望能帮到你
好的话求给分