Question

我建立了一个网站，一直在为我工作（Chrome），但是当我在其他系统上尝试其他浏览器时... IE不会让我的navbar链接到锚点点工作。该网站是一个混乱，有点复杂。以下是页面中正文和内容的大致轮廓：

<a1 class="anchor" id="home"></a1>
<div id="home">
[content]
</div>
<a1 class="anchor" id="fish_shop"></a1>
<div id="fish_shop">
[content]
</div>
<a1 class="anchor" id="fish_cafe"></a1>
<div id="fish_cafe">
[content]
</div>

这里是由于屏幕顶部的导航栏和固定幻灯片显示我必须偏移的锚点的css。

a1.anchor {
display: block; 
position: relative; 
top: -333px; 
visibility: hidden;
}

此外，如果这意味着什么，我会在页面顶部，即使它是.php文件。

[编辑] 这些都在我的bootstrap导航栏中。

<li role="presentation"><a role="menuitem" tabindex="-1" style="font-family: lanenarrowlight; font-weight:bolder;text-align: center" href="#home">HOME</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" style="font-family: lanenarrowlight; font-weight:bolder;text-align: center" href="#fish_shop">FISH SHOP</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" style="font-family: lanenarrowlight; font-weight:bolder;text-align: center" href="#fish_cafe">FISH CAFE</a></li>

Answer 1

替换这些行：

<a1 class="anchor" id="home"></a1>
<a1 class="anchor" id="fish_shop"></a1>
<a1 class="anchor" id="fish_cafe"></a1>

到：

<a class="anchor" href="home"></a1>
<a class="anchor" href="fish_shop"></a1>
<a class="anchor" href="fish_cafe"></a1>

然后在你的css中替换这一行：

a1.anchor {

为：

a.anchor {

html - 链接到不在IE中工作的锚点

1 个答案: