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

li背景圖片

發布時間: 2022-01-07 15:25:37

① 滑鼠懸停時,改變li的背景圖片

這個想法,在ie6下是不可能實現的,除非再加另外一些東西
不考慮ie6的情況:
#about_left li{
background-image:url(../pic/1.jpg);
}
#about_left li:hover{
background-image:url(../pic/2.jpg);
}
考慮ie6的情況,因為ie6並不支持li的hover行為,所以必須用一個a標簽,
<div id="about_left">
<li>
<!--[if lte IE 6]><a><![endif]-->條目1<!--[if lte IE 6]></a><![endif]--></li>
<li><!--[if lte IE 6]><a><![endif]-->條目2<!--[if lte IE 6]></a><![endif]--></li>
<li><!--[if lte IE 6]><a><![endif]-->條目3<!--[if lte IE 6]></a><![endif]--></li>
</div>

css加上
#about_left li a{
_background-image:url(../pic/1.jpg);
}
#about_left li a:hover{
_background-image:url(../pic/2.jpg);
}

應該可以了吧

② 為什麼li標簽里不顯示背景圖片 圖片是37*27的大小

li 可以顯示背景的 你看看是不是你的圖片路徑問題

③ CSS UL Li的背景圖片怎麼添加

需要准備的材料分別有:電腦、瀏覽器、html編輯器。

1、首先,打開html編輯器,新建html文件,例如:index.html。

④ CSS中如何控制li的背景圖片

在li里加入zoom試試看。li{background:url("路徑") no-repeat; zoom="150%" />

⑤ ul li標簽的背景圖片怎麼設置

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>無標題文檔</title>
<style>
.ww{width:200px;height:500px;background:url(images/1.jpg);}
</style>
</head>

<body>
<ul>
<liclass="ww"></li>
</ul>
</body>
</html>

⑥ 為什麼給全部li加背景圖可以實現放上時顯示的背景色,而給單個li添加背景圖實現不了放上時顯示背景色

給li設置背景色是給一組li設置的,你hover的應該也是所有的li標簽,最簡潔最無腦的方法是給每個li都設置不同的class,然後通過hover具有不同的class的li來實現你的效果。也可以通過配合js添加onmouthover事件,動態的給li標簽添加顯示背景色的class。

⑦ html ul li 怎麼添加背景圖片

<style>
li{
background:url(圖片URL)no-repeat;
padding-left:25px;
}
</style>

html代碼可以是這樣的
<ul>
<li>11111111</li>
<li>11111111</li>
<li>11111111</li>
</ul>

⑧ css li 繼承背景圖

1、背景屬性不能疊加。
2、CSS 3 才支持多背景圖,需要重復寫兩次,但是IE9以下不支持
3、可以把a的display設成block,然後把.hover的背景圖指給下面的a元素

⑨ 如何在li里定義不同的背景圖片

每個li寫一個class或者如果li的寬度、高度一定的話,可以把整個背景圖片放ul里邊,調整li適合背景圖片就行了

⑩ html中 li背景圖片在ie6中的問題

你載入了那個IE6 PNG圖片透明的js之後,有些png就直接被咔嚓了