浏览 2718 次
锁定老帖子 主题:li没有设置with导致IE不认背景图片
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2010-01-26
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;} 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |