Question

所以基本上总结一下，我的网站顶部有一个flash横幅，有一个重叠的div，可以为它创建链接。这实际上是我可以获得flash横幅链接的唯一方法，因为它有一个嵌入式动作脚本，它创建了一个不需要的链接。

它在Chrome和Firefox中绝对完美，但拒绝在Internet Explorer中运行。

我正在使用wordpress，它被放在Header.php文件中。这段短代码是flash横幅。

<div align="center">
<div id="example" align="center" style="width:900px; height:90px; position:absolute; cursor:pointer;" >
</div>
[kml_flashembed movie="http://linktoflashbanner/728x90.swf" height="90" width="728" /]
</div>

<script type="text/javascript">
document.getElementById("example").onclick = function() {
    window.open("http://www.domaintolinkto.com.au/"); 
}
</script>

Answer 1

似乎Internet Explorer需要为叠加层定义背景颜色，以便在嵌入式Flash对象的顶部捕获鼠标事件。

此外，还有更好的方法可以使用链接标记来应用您的链接。这是一个有效的例子：

<强> HTML

<div class="flashWrapper">
    <a href="http://www.google.com" target="_blank"></a>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="728" height="90">
        <param name="movie" value="http://www.flashvortex.com/examples/289.swf?divId=289&amp;autoWidth=0&amp;autoHeight=0" />
        <param name="allowScriptAccess" value="always" />
        <param name="wmode" value="opaque" />
        <embed src="http://www.flashvortex.com/examples/289.swf?divId=289&amp;autoWidth=0&amp;autoHeight=0" width="728" height="90" wmode="opaque" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
</div>

<强> CSS

.flashWrapper {
    width:728px;
    height:90px;
    position: relative;
}
.flashWrapper > a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: rgba(0,0,0,0.0);
}

<强> Demo

为什么我的覆盖div不能在Internet Explorer中工作？

1 个答案: