创建可点击的嵌入标签答案

【问题标题】：Create a Clickable Embed Tag创建可点击的嵌入标签
【发布时间】：2016-03-30 03:54:42
【问题描述】：

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

<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">

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

【问题讨论】：

【解决方案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">

【讨论】：

【解决方案2】：

问题是您使用数字作为 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>

【讨论】：

我不确定这是否属实……这就是 W3C 所说的规则。 w3schools.com/tags/att_global_id.asp 我以前用数字表示 ID。无论如何，这仍然不能解决问题：我需要一个链接来包装嵌入，以便可以单击嵌入。当我将嵌入包装在链接中时，嵌入不可点击。