Question

嘿，我可以说我的页面上有两个链接，我有一些子链接（点击主链接时显示）。这两个链接有不同的背景图像。

*link1
-link1underlinkone
-link1underlinktwo
*link2
-link2underlinkone
-link2underlinktwo
-link2underlinkthree

我可以轻松更改这两个主要链接上的背景图像，但我应该如何将相同的背景样式传递给我的下链接？如果我有任何下线链接？

编辑：woops忘了告诉我想要更改BODY的背景图片而不是链接/链接;）

Answer 1

你应该尝试将两个主要链接分别放在单独的div中。在div上设置背景（将显示设置为none以使其不可见），然后在所有要继承的链接上设置背景，以便从父div中获取背景。

修改：使用我在下面创建的代码

<head>
    <style type="text/css">
    #link1wrapper {
        background-image: url(background1.jpg);
        visiblity:hidden;
    }
    #link2wrapper {
        background-image: url(background2.jpg);
        visiblity:hidden;
    }
    .linkmenu a{
        background-image: inherit;
        visibility: visible;
    }
    </style>
</head>
<body>

<div id="link1wrapper" class="linkmenu">
    *link1
        -link1underlinkone
        -link1underlinktwo
</div>

<div id="link2wrapper" class="linkmenu">
    *link2
        -link2underlinkone
        -link2underlinktwo
        -link2underlinkthree
</div>

</body>

修改：我修复了代码。现在，它将div的背景设置为隐藏div，然后我将div中的链接设置为可见，并且所有链接都继承了它的背景。你应该注意的事情不是在div中添加任何其他内容。如果这样做，您必须设置样式以将它们设置为可见并将其背景设置为无。

根据你给我的非常有限的信息，我能想到的就是这一切。您没有使用任何代码，任何示例或任何引用，因此很难准确回答您的问题。

我最好得到一个up = p

的upvote

Answer 2

猜猜你想在这里制作一个合适的菜单结构是我做的一个小小的演示。

http://jsfiddle.net/sg3s/fPu9S/

使用的两个关键属性是background-image: inherit和visibility: hidden。

background-image: inherit将使元素从其直接父级继承属性，如果未指定图像，则表示不会继承任何属性。因此，我们需要让子链接/菜单的ul继承其父级的属性...然后我们使用ul和{visibility: hidden在visibility上屏蔽此图像1}}默认设置为inherit我们需要使用li再次显示visibility:visible。

这就是对实际情况的解释。继承样式不能与锚标签一起使用，除非您将子链接嵌套在主锚内，我认为这甚至不是有效的或接受的代码。

动态背景图像变化可能吗？

2 个答案: