錨標籤在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 &沒有在其他瀏覽器的任何不利影響。