zoukankan      html  css  js  c++  java
  • a标签至于flash之上的时候,IE浏览器无法点击连接的问题

    <a style="display: block;height: 131px;position: absolute;z-index: 999; 222px;background: url('http://xx.xx.com/images/blank.gif') repeat scroll 0 0 rgba(0, 0, 0, 0);" href="http://xx.html"></a>
    <div class="start" style="z-index: 99;">
        <object width="221" height="144" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0">
              <param name="movie" value="http://xx/start.swf">
              <param name="quality" value="high">
              <param name="wmode" value="transparent">
              <embed width="221" height="144" src="http://xx/start.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashp layer" type="application/x-shockwave-flash">
        </object>
    </div>

    因为A标签是没有内容的,在IE浏览器中点击的时候会直接点到flash上,达不到覆盖的效果。所以我们要加上//images0.cnblogs.com/blog/463120/201310/25094759-1feff30a451b40629309ba25e7fa8b45.gif

    background: url('http://xx.xx.com/images/blank.gif') repeat scroll 0 0 rgba(0, 0, 0, 0);

    来填充内容,这样就可以点击了。

  • 相关阅读:
    C#与JS实现 获取指定字节长度 中英文混合字符串 的方法
    CKFinder_AspDotNet_2.4 破解方法 去版权
    MVC3中如何输出富文本
    CKEditor与CKFinder整合 MVC3
    vue项目多页配置
    设备宽度
    h5前端项目常见问题汇总
    react分享
    javascript-复制
    vue开发笔记
  • 原文地址:https://www.cnblogs.com/wkpilu/p/css_flash.html
Copyright © 2011-2022 走看看