Question

是否可以插入指向对象标记的链接，在单击它后，您将被重定向到该链接？

我已经尝试过了：

<a href="LINK"><OBJECT TAG></a>

甚至这个：

<OBJECT TAG height="109"><a href="LINK" style="margin-top:-109px;"></a>

第一个是Chrome浏览器，但在其他网络浏览器中我无法点击链接。

基本上，是否真的可以链接对象/ flash对象。

感谢。

Answer 1

我假设在flash对象中添加一个按钮是不可能的，在这种情况下，您可以使用“position：absolute”和z-index（可选）将锚定位在flash对象上。示例：http://jsfiddle.net/qbK5Q/（我没有使用过实际的flash对象，但它应该使用一个）：

<div class="objectContainer">
    <object>...</object>
    <a href="#">Test link</a>
</div>

CSS：

a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0px;
    left: 0px;
    background-color: rgba(255,112,0,0.5);
}
.objectContainer {
    position: relative;
    width: 100px;
}

如果是flash对象，请确保将“wmode”参数设置为“transparent”或“opaque”。此解决方案的问题在于链接将覆盖flash对象，使鼠标光标无法访问（用户无法访问Flash中的按钮和鼠标事件）。

Answer 2

我知道这是一篇很老的文章，但至少现在您可以使链接可点击，如下所示：

a {
  position: relative;
  z-index: 1;
}

object {
  position: relative;
  z-index: -1;
}

锚链接中的Flash或对象标记

2 个答案: