使Jquery lavalamp成为字段集的图例

Question

<fieldset>
            <legend>
                <ul class="lavaLampWithImage">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </legend>
        </fieldset>

我想让上面的字段集有JQuery lavalamp插件作为字段集的图例，这样看起来字段集线就会穿过插件图像，就像真正的图例一样，然后我最终会给字段集上色以匹配它。

$(function () { $(".lavaLampWithImage").lavaLamp({ fx: "backout", speed: 700 }) });

这是我用来创建lavalamp菜单的代码。

这是它是如何产生的：

​

​

有没有什么办法可以让它看起来正确的？

Answer 1

将页眉标签放入并设置页边距的效果非常好:)

<h1 style="margin-top:-50px; margin-left:20px;">
            <ul class="lavaLampWithImage">
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </h1>