创建可点击嵌入标记

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

我发现object标签出现了同样的问题，并在此处找到了解决方案： 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">

Answer 2

问题是你使用id作为id是不允许的，id考虑作为变量名，所以应用于变量命名的规则也适用于此处，更改id名称以“id2”开头的字母然后它将起作用。 ..

<a href="#d">this is the link to d</a>

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