Question

首先允许我作为序言，我对html，CSS等知之甚少。我能做的大部分工作都是通过其他的例子。我正在做一个标题菜单，每个链接都是页面中的一个锚点。（div被隐藏直到被点击）然而我陷入了这个问题。我在页面内链接如下：

<div class="header">
    <a href="#B1">Block 1</a>
    <a href="#B2">Block 2</a>
</div>

这会给我网址"localhost/test1.html#B1"。但是，其中一个div块包含：

<div id="B1">
    <a href="#slide-one">
    <a href="#slide-two">
</div>

所以我已经发现我不能"localhost/test1.html#B1#slide-one"。

我不知道是否可以将此锚点链接到已经作为锚点打开的页面。没有选项可以使用任何jquery，flash，java等。我只能使用HTML / CSS。我将假设这是不可能的，但我想最后一次尝试尝试并在这里问。

编辑：更新的示例代码提供了更好的解释：

 <style type="text/css">
div#Menu {
  height:90px;
  left:0;
  position:fixed;
  top:-5px;
  width:100%;
  text-align:center;
}

div#B1 {
  position:absolute;
  left:-1000px;
  margin-top:0;
}
div#B1:target {
  top:100px;
  left:375px;
}

div#B2 {
  position:absolute;
  left:-1000px;
  margin-top:0;
}
div#B2:target {
  top:100px;
  left:375px;
}
</style>
</head>

<body>
<!--Header Menu-->
<div id="Menu" class="header">
    <a href="#B1">Block 1</a>
    <a href="#B2">Block 2</a>
</div>



<div id="B1" class="blocks">
    <div id="Slider1" class="Slide">
        <ul>
            <li id="slide-one"><img src="slide-one.png"/></li>
            <li id="slide-two"><img src="slide-two.png"/></li>
        </ul>
        <a href="#slide-one">Slide 1</a>
        <a href="#slide-two">Slide 2</a>
    </div>
</div>

<div id="B2">
    <div id="Slider1" class="Slide">
        <ul>
            <li id="slide-three"><img src="slide-three.png"/></li>
            <li id="slide-four"><img src="slide-four.png"/></li>
        </ul>
        <a href="#slide-three">Slide 3</a>
        <a href="#slide-four">Slide 4</a>
    </div>
</div>

我所拥有的是带有缩略图导航的CSS图像滑块，它们是每个部分中的锚点。在菜单上，我转到块＃1打开，其中包含一个图像滑块库。我的网页网址更改为＆＃34; test1.html＃B1＆＃34;图像滑块具有每个图像的锚点。

在单独的普通页面上，单独的滑块会为每个图像提供类似于＆＃34; test1.html＃slide-one＆＃34;的页面网址。

但这是嵌套的，图像滑块是＆＃34; B1＆＃34;块。我需要打开块#B1，并且在页面上打开后，我有图像滑块库。每个图像都有自己的锚点，但我需要＆＃34; B1＆＃34;保留。

Answer 1

从您的问题表达方式来看，我们可以考虑两种不同的需求：

既然您说过要localhost/test1.html#B1#slide-one这可能意味着您认为#slide-one不仅存在于#B1的“上下文”中，而且存在于其他地方（例如例如在#B2中：但如果发生这种情况，则意味着#B1和#B2不在同一个HTML页面中！所以它不可能是你想要的。
相反，文本的其余部分表示您要访问的所有部分都在同一页面中。所以我将在下面解释。

在同一个HTML网页中，根据设计，它不能是具有相同值的多个id： id是唯一的。结果是：要定位给定的id，您不需要多个中间点，即使用户确实使用了这些中间点，如示例所示。

总之，您在问题中展示的代码已经足够了！

最后一点：如果id始终是唯一的，则相反，您可以在目标位置无限次出现。换句话说，可以从几个<a>指向相同（唯一）的目的地。

锚定已经锚定的页面？

1 个答案: