Cufon 绘制了不必要的空间

Question

我在这里有我的网站 - http://thezoomer.net/clubroyale/

如果您查看“关于”的子菜单US 或在 Firebug 的“联系我们”菜单项​​中，您将看到 Cufon 绘制了不必要的画布。

有什么想法吗？谢谢！

Answer 1

我发现的一个解决方案是去掉 HTML 中的所有空白，所以这个：

<li class="dir nav-item"><a href="./">ABOUT US</a>
    <div class="subnav-con">
    <div class="nav-top">

    </div>
        <ul class="nav">
            <li class="nav-item"><a href="./">HISTORY</a></li>
            <li class="nav-item"><a href="./">VISION</a></li>
            <li class="dir nav-item"><a href="./">TEAM</a>
            </li>
            <li class="nav-item"><a href="./">CLIENTS</a></li>

            <li class="nav-item"><a href="./">TESTIMONIALS</a></li>

            <li class="nav-item"><a href="./">PRESS</a></li>
            <li class="nav-item"><a href="./">FAQ</a></li>
        </ul>
    <div class="nav-bottom"></div>
    </div>
    </li>

变成这样：

<li class="dir nav-item"><a href="./">ABOUT US</a><div class="subnav-con"><div class="nav-top"></div><ul class="nav"><li class="nav-item"><a href="./">HISTORY</a></li><li class="nav-item"><a href="./">VISION</a></li><li class="dir nav-item"><a href="./">TEAM</a></li><li class="nav-item"><a href="./">CLIENTS</a></li><li class="nav-item"><a href="./">TESTIMONIALS</a></li><li class="nav-item"><a href="./">PRESS</a></li><li class="nav-item"><a href="./">FAQ</a></li></ul><div class="nav-bottom"></div></div></li>

可能有一种涉及 CSS 的更简洁的方法，但我不会寻找它，除非你真的想要我到。