无序列表显示不正确，MooTools和uvumittools下拉插件正在使用

Unordered List Displays Incorrectly, MooTools and UvumiTools Dropdown Plugin Being Used

本文关键字：插件 uvumittools 不正确 列表显示 MooTools 无序      更新时间：2023-09-26

我使用MooTools插件uvumittools下拉菜单样式在我的网站上的下拉菜单。该插件接受一个无序列表，并将其水平显示，没有项目符号，然后在下面放置一条水平规则。每个列表项都可以滚动，如果其中有另一个ul，则将其呈现为子菜单，如下所示。

<code>
<ul>
  <li>Menu A</li>
    <ul>
        <li>Menu A - Option 1</li>
        <li>Menu A - Option 2</li>
    </ul>
  <li>Menu B</li>
</code>

下拉菜单中的每个li标签都是一个div，它也使用background-image和background-position来产生翻转效果，如下所示。

<code>
<ul>
    <li><div id="optionOne"><a href="#">Menu A</a></li>
<ul>
</code>

该网站在Firefox中100%正常显示和运行，在顶级选项上滚动，下拉菜单显示在水平规则下方，但不幸的是，这似乎是唯一的浏览器，Chrome和Safari都错开了列表，破坏了整个事情。

Firefox: http://img560.imageshack.us/img560/7139/screenshot20110425at130.png

铬:http://img835.imageshack.us/img835/8375/screenshot20110425at129.png

有人知道我做错了什么吗?这是我第一次使用这个插件

我不知道为什么，但WebKit(即Safari和Chrome)不喜欢你的max-width:93px从.softwareLink a。有时我在Chrome/Safari中看到奇怪的包装，有时我没有，也许在布局引擎的某个地方有一些基于时间的反馈。

在.softwareLink a中使用width:93px应该一致地工作(并使您的菜单项都相同大小)。你必须改变你的精灵表是垂直的，而不是水平的，否则它会流血的右边链接一点。

BTW，我也看到一个JavaScript错误:

TypeError: Result of expression 'E.create' [undefined] is not a function.
/Design2011/js/mootools-for-dropdown.js: 173

相关文章：