当前位置:首页 » 背景图片 » li背景图片
扩展阅读
切割图片软件ios 2024-11-16 10:39:00
防弹搞笑图片大全 2024-11-16 10:16:00

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就直接被咔嚓了