首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

li没设置with导致IE不认背景图片

2012-11-23 
li没有设置with导致IE不认背景图片li没有设置with导致IE不认背景图片,而FX则可以。html:div onclickSwit

li没有设置with导致IE不认背景图片
li没有设置with导致IE不认背景图片,而FX则可以。


html:
<div onclick="SwitchMenu(5)" id="imgmenu5">第一级菜单</div>
<ul id="sub5" style="display:none;">
<li id="ling1" onclick="showm(1)">第二级菜单</li>
<li id="lite1" style="display:none;">
<div>第三级菜单</div>
<div>第三级菜单</div>
<div>第三级菜单</div>
</li>
</ul>

css:
.submenu li{background:url("../images/skin.gif") 0px -83px no-repeat;padding:3px 0px 2px 30px;}
.menulite{cursor:pointer;background:url("../images/skin.gif") 0px -200px no-repeat !important;}


由于css中li没有设置width。在IE下,li的长度被认为是文字的长度,故在“第二级菜单”文字之外,鼠标不为手指符号。在FX下则没有这个问题。

解决的办法是:
设置.submenu li的width属性。

.submenu li{background:url("../images/skin.gif") 0px -83px no-repeat;padding:3px 0px 2px 25px;width:115px;}

热点排行