① 滑鼠懸停時,改變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就直接被咔嚓了