【问题标题】:Flash object not clickable?Flash 对象不可点击?
【发布时间】:2012-06-11 16:50:23
【问题描述】:

我在我的网站上嵌入了一个第三方 Flash 对象,并尝试通过将 jquery .click 事件绑定到其包装器 div 来添加指向它的链接。在 Firefox 中,这是有效的。然而,在 Chrome 和 IE 中,似乎无法通过 jQuery .click 事件访问 div。我的意思是,当绑定页面上的所有元素以在单击时发出警报时,单击 flash 对象不会引发警报(Firefox 除外)。

$("*").each(function() {
    $(this).click(function() {
         alert($(this));
    });
});

我在别处读到给 flash 对象一个 wmode = "transparent" 的参数......这让它在 FF 中工作。

这是嵌入 Flash 对象的方式。

 <?php if ($post->post_name == 'insurance') {?>
 <script type="text/javascript">
var flashvars = {};
var params = {};
params.wmode = "transparent";
params.menu = "false";
params.allowScriptAccess = "never";
params.allowNetworking = "internal";
swfobject.embedSWF("/wp-content/uploads/2012/06/ad_Imagine_300x250_FLASH1.swf", "myRightRailAd", "300", "250", "10.0.0", false, flashvars, params);

<div id="adboxrightcol" class="adHolder" style="z-index: 1000;">
    <div   id="myRightRailAd" style="position: absolute;">
    <img  id="myContent" src="<?php bloginfo('url');?>/wp-content/uploads/2012/06/ad_Imagine_300x250_JPG1.jpg" alt="BMO" width="300" height="250">             
    </div></div>

以及被绑定的 jQuery click 事件:

$(document).ready(function() {
    $("#adboxrightcol").click(function() {
       location.href="http://www.somesite.com/car-insurance-quotes?utm_source=comparasave_ad&utm_medium=comparasave_insurancelp&utm_campaign=imagine_bb_ad";
   }); 
});

【问题讨论】:

  • window=transparent 使您的 Flash 电影遵循 HTML 页面的 z-index 列表。这应该在所有浏览器中按预期工作。在遇到问题的浏览器中,您是否观察到可点击的 DIV 确实位于 Flash 电影的上方?
  • 修复了问题...必须在 Flash 对象顶部使用绝对定位的 div,该 div 不是 Flash 对象的包装,以透明图像作为 IE6 - 8 的背景跨度>

标签: jquery html browser flash


【解决方案1】:

修复了问题...必须在 Flash 对象顶部使用绝对定位的 div,该对象不是 Flash 对象的包装器,并以透明图像作为 IE6 - 8 的背景

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-09-10
    • 1970-01-01
    • 1970-01-01
    • 2018-02-05
    • 2015-06-10
    • 2011-01-31
    • 2021-12-05
    • 1970-01-01
    相关资源
    最近更新 更多