① 鼠标悬停时,改变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就直接被咔嚓了