动态背景图像更改可能吗？

-1

嘿，让我说我的网页上有两个链接，我有一些子链接（点击主链接时显示）。这两个链接有不同的背景图片。动态背景图像更改可能吗？

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

我可以很容易地更改这两个主要链接上的背景图像，但我应该如何将相同的背景样式传递给我的下链接？如果我有任何问题，可以通过underunder-links？

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

来源

2011-09-27 user935556

您可以与我们分享您试过的吗？一些HTML/CSS也会很方便，因为如果没有看到你正在使用什么，就无法提供帮助。 –

只需使用CSS类。为每个类使用不同的类，其中包含不同的背景图像。 –

也许css继承会起作用，否则你可能需要javascript，最好是jQuery。或者如上述海报所述，课程将起作用。 – adeneo

你应该尝试把既单独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的。如果你这样做，你必须设置它们的样式，将它们设置为可见并将它们的背景设置为无。

这就是我所能想出的基于你给我的非常有限的信息。您没有使用任何代码，任何示例或任何参考，因此很难准确回答您的问题。

我更好地得到这一个一个给予好评= P

来源

2011-09-27 20:40:18

嗯，我只是测试它，如果你把显示设置为none，它也会摆脱链接。我正在努力解决它的方法 –

好的，我解决了它。我正在编辑我的答案 –

这家伙去哪了？他问了一个问题，然后在我坐在这里等待反馈时消失了。 –

猜测你想在这里做一个适当的菜单结构是一个小的演示我做了。

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

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

background-image: inherit将使元素从其直接父级继承属性，如果没有指定图像，这意味着没有属性将被继承。因此，我们需要使子链接/菜单的ul也继承其父级的属性...然后我们使用visibility: hidden在ul上掩盖此图像，并且因为visibility的默认设置为inherit我们需要使li再次可见与visibility:visible。

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

来源

2011-09-27 21:59:41 sg3s

动态背景图像更改可能吗？

回答

相关问题