锚标签在Chrome

Question

下面的代码适用于一切，除了Chrome的工作：

<a target="_blank" href="/FooodJournal"> 
     <object width="265" height="135"> 
      <param name="movie" value="2991BCTTor/xx.swf"> 
      <param name="allowFullScreen" value="true"> 
      <param name="allowscriptaccess" value="always"> 
      <param name="wmode" value="transparent"> 
      <param name="FlashVars" value="fileID=4928&context=12&embeded=true&environment=production"> 
      <embed width="265" wmode="transparent" height="135" src="2991BCTTor/xx.swf" flashvars="fileID=4928&context=12&embeded=true&environment=production" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"></embed> 
     </object> 
    </a> 

闪存被用于创建动画按钮，并在锚标记使得它使您可以点击该转到另一个页面。在大多数浏览器上，您可以单击Flash对象上的任意位置，并且链接可以工作......但在Chrome中，当您将鼠标悬停在Flash元素上时，链接将显示在状态栏中，但单击时不会执行任何操作。但是，在链接工作的Flash元素下面有一个小区域（大约19px）。

我怎样才能让它在Chrome中的行为与在其他浏览器中的行为相同？

Answer 1

尝试将a { pointer-events: none; }添加到您的CSS。当然，你应该调整选择器，使它只匹配这个特定的锚点。

欲了解更多关于pointer-events的信息，请参阅http://dev.w3.org/csswg/css3-ui/#pointer-events和https://developer.mozilla.org/en/css/pointer-events。

Answer 2

尝试添加pointer-events:none;到闪存OBJECT标签作为内联样式：

<a target="_blank" href="/FooodJournal"> 
     <object width="265" height="135" style="pointer-events:none;"> 
      <param name="movie" value="2991BCTTor/xx.swf"> 
      <param name="allowFullScreen" value="true"> 
      <param name="allowscriptaccess" value="always"> 
      <param name="wmode" value="transparent"> 
      <param name="FlashVars" value="fileID=4928&context=12&embeded=true&environment=production"> 
      <embed width="265" wmode="transparent" height="135" src="2991BCTTor/xx.swf" flashvars="fileID=4928&context=12&embeded=true&environment=production" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"></embed> 
     </object> 
    </a> 

这固定的问题，我在Chrome &没有在其他浏览器的任何不利影响。