Question

我在这里遇到一些问题：我想设置一个带有围绕它的锚点的flash对象。但是，这似乎不起作用。有没有简单的方法来做到这一点？我可以考虑用超链接在它上面设置一个透明的矩形，但我实际上是一个dba和sql程序员，并且不知道如何做到这一点。实际上，这应该是查询的结果。

有什么想法吗？这是不起作用，我的闪光灯甚至没有显示= - （：

<a href="/Portals/0/Banners/modal.aspx?page=olive_p" onclick="$(this).modal({width:200, height:200}).open(); return false;">
<embed src="Images/olive_publish.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="205" height="230"></embed></a>

Answer 1

问题在于，有时z-index不会对某些flash文件起作用，并且在这种情况下它们总是位于所有内容之上，你需要在闪存周围放置一个容器，然后说：

<script type='text/javascript'>
    $('#flash_file').click(function(){//in fact I would use a #flash_file_container if you are gonna do a modal
       $(this).modal({width:200, height:200}).open(); 
       return false;
    });
</script>

如果您想以自己的方式尝试：

<a id="flash_link" href="/Portals/0/Banners/modal.aspx?page=olive_p" onclick="$(this).modal({width:200, height:200}).open(); return false;">
<div></div>
</a>
<embed id="flash_file" src="Images/olive_publish.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="205" height="230"></embed>

CSS：

#flash_link { 
 position:absolute;
 width:205px; /*width of flash */
 height:230px; /*height of flash*/
 display:block;
z-index:999;
}
#flash_file {
  z-index:0;
}

.....

Answer 2

使用css-class制作带有css-class的HTML a-tag，你想要的宽度和高度（可能和整个flash一样大？）设置CSS属性，如：

a.flash-overlay-link {
  display: block;
  position: absolute;
  width: 205px;
  height: 230px;
  z-index: 1
}

object, embed, .your-flash {
  z-index: 0;
}

这应该足够了。我不认为这是一个以另一种方式链接对象标签的crossbrowser解决方案。也许你需要为你的flash设置wmode = transparent，以便HTML叠加闪存

超链接闪光灯

2 个答案: