當前位置:首頁 » 背景圖片 » a標簽背景圖片
擴展閱讀
百中的圖片有哪些 2024-12-22 22:41:59
電腦怎麼做圖片集 2024-12-22 22:07:36
陽光下睡覺圖片唯美 2024-12-22 21:33:54

a標簽背景圖片

發布時間: 2022-02-04 08:55:26

㈠ HTML中 A標簽懸浮上面後背景圖片改變是什麼代碼

如果要自動變換的話這個要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標簽背景圖片不能完全顯示原因:

  1. css沒有被調用,請檢查css調用是否成功。

  2. css圖片地址不對,請檢查css圖片地址是否正確。

  3. div的高度沒有固定,是auto或者沒有設值;div設置錯誤容易導致背景圖片高度太大則無法顯示。

  4. div被嵌套,查看嵌套的div是否設置正確。

  5. 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做 這個可以更改背景圖片的大小希望能幫到你
好的話求給分