嵌入闪光灯元件并使其无法遮挡

时间:2012-08-19 15:17:53

标签: html embed swfobject

我正试图将这个flash横幅嵌入到一边但是它上面的url搞砸了。 所以我用正确的网址在其上放置了一个不可见的div。 麻烦的是当我点击它时,我被转移到正确的URL和不正确的URL。

<div class="invisible" onmousedown="window.open('http://ags.gns.co.il/cdn/DigitalCloud/iMarkets/2012/Gadi_Back_To_News/?Media=maof')" style="z-index:10000">
   <object type="application/x-shockwave-flash" data="http://s-maof.com/stuff/Imarkets_150x75.swf" width="150" height="75">
        <param name="movie" value="http://s-maof.com/stuff/Imarkets_150x75.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="loop" value="false" />
   </object>
</div>

1 个答案:

答案 0 :(得分:1)

你没有覆盖闪光灯,你只是包含闪光灯!
试试这个html:

<div class="invisible">
   <a class="overlay" href="http://ags.gns.co.il/cdn/DigitalCloud/iMarkets/2012/Gadi_Back_To_News/?Media=maof"></a>
   <object type="application/x-shockwave-flash" data="http://s-maof.com/stuff/Imarkets_150x75.swf" width="150" height="75">
        <param name="movie" value="http://s-maof.com/stuff/Imarkets_150x75.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="loop" value="false" />
   </object>
</div>​​​

现在我们设置链接以覆盖闪光灯

.invisible{
 position:relative;
 width:150px;
 height:75px;
}
.​overlay{
 z-index:10000; 
 display:block;
 width:150px;
 height:75px;
 position:absolute;
 top:0px;
 left:0px;
 background:red; 
 opacity:0.3;    
}​

<强> DEMO
你可以删除不透明度和背景,它们只是用于演示。