html - Flash 上的 anchor 标记在 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 被用来创建一个动画按钮， anchor 标记使它可以让你点击它转到另一个页面。在大多数浏览器上，您可以单击 Flash 对象上的任意位置，并且链接有效...但在 Chrome 中，当您将鼠标悬停在 flash 元素上时，链接会显示在状态栏中，但单击它时什么也不做。但是，在链接起作用的 flash 元素下方有一个小区域(大约 19 像素)。

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

Answer 1

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

有关指针事件的更多信息，请参阅http://dev.w3.org/csswg/css3-ui/#pointer-events和 https://developer.mozilla.org/en/css/pointer-events .