职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 515|回复: 4

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

[复制链接]
已经来了吗 发表于 2011-6-15 10:49 | 显示全部楼层 |阅读模式
li没有设置with导致IE不认背景图片,而FX则可以。


html:
<div class="menutitle" onclick="SwitchMenu(5)" id="imgmenu5">第一级菜单</div>
<ul class="submenu" id="sub5" style="display:none;">
<li class="menulite" id="ling1" onclick="showm(1)">第二级菜单</li>
<li class="menulites" 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;}



找不到我 发表于 2011-6-15 10:49 | 显示全部楼层
推荐链接
年薪100万诚邀IT讲师
【推荐】java 新手是如何获得“8K月薪”的?



有烟没火 发表于 2011-8-8 10:21 | 显示全部楼层
额~哦........偶无语
楠楠 发表于 2011-8-11 14:31 | 显示全部楼层
楼上的稍等啦
话说我当年 发表于 2011-8-13 10:58 | 显示全部楼层
呵呵,找个机会...
您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-4-24 15:52 , Processed in 0.130227 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表