css - Cufon 绘制了不必要的空间

Question

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

如果您使用 Firebug 查看关于我们的子菜单或联系我们菜单项，您会看到 Cufon 绘制了不必要的 Canvas 。

有什么想法吗？谢谢!

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 的更简洁的方法，但我不会寻找它，除非您真的希望我这样做。