为什么给全部li加背景图可以实现放上时显示的背景色,而给单个li添加背景图实现不了放上时显示背景色?

为什么给全部li加背景图可以实现放上时显示的背景色,而给单个li添加背景图实现不了放上时显示背景色?,第1张

给li设置背景色是给一组li设置的,你hover的应该也是所有的li标签,最简洁最无脑的方法是给每个li都设置不同的class,然后通过hover具有不同的class的li来实现你的效果。也可以通过配合js添加onmouthover事件,动态的给li标签添加显示背景色的class。

首先给第一个li默认类名如one,然后给这个one类加个背景颜色。

然后写jQ 取出所有的li,并给li写单击事件,鼠标点到哪个li就把其它li的one类名去掉,并把当时li添加上one类名。思路就是这样了。

#top_e li {

font-size:9pt

background-color: #4BAFDA

color:#000000

text-decoration:none

display: inline

border: 1px solid #000000

overflow: visible

width: 11%

height: 40px

margin-bottom: 10px

text-align: center

padding-top: 12px

}

#top_e li {

color:red

}

<div id="top_e">

<li> *** 作</li>

<li>基站名称</li>

<li>进站人员</li>

<li class="one">联系电话</li>

<li>归属公司</li>

<li>进站时间</li>

<li>出站时间</li>

<li>进站原因</li>

<li> *** 作</li>

</div>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11682783.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存