创建可点击的嵌入标签

Question

我正在创建一个实验网站。页面访问者视图有四个嵌入元素。我希望用户能够单击一个嵌入以前进到页面下方的下一个嵌入。这是我尝试过的：

<a href="#2"><embed src="index.html" height="1000px" width="1300px"></a>

<div id="2"><embed src="2.html" height="1000px" width="1300px"></div>

和

<a href="#2"><embed src="index.html" height="1000px" width="1300px"></a>

<embed src="2.html" id="2" height="1000px" width="1300px">

在这两种情况下，链接都不起作用。无法点击嵌入标签。

Answer 1

我发现对象标签也出现同样的问题，并在这里找到了解决方案： make an html svg object also a clickable link

嵌入必须设置为pointer-events: none;，锚标记必须设置为display:inline-block;我的最终代码是：

<style type="text/css">
embed{
     pointer-events: none;
}

a{
    display:inline-block;
}
</style>

和

<a href="#2"><embed src="index.html" id="1"></a>

<embed src="2.html" id="2">