解决Flash swf嵌入不能100%高度的问题

fuhao200866

浏览: 78499 次
性别:
来自: 北京

最近访客更多访客>>

bruce_ma

sxj0384

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

html & css

Flash IE Firefox CSS HTML

除了去掉html中w3c相关的代码，还可以用样式来解决，在网上查找到文章如下：

------------分割-----------

因为使用方便，所以开始用SWFObject的js包来显示SWF，但是当SWF的大小设置成为100%后，在Firefox中不显示。

查了一下，原因如下：

It was because I was trying to set the flash files height to 100%. But its parent (div id=wrapper) didn't have a height. And 100% of zero = zero. To fix this, i had to set the wrapper div, the body, and the html's height to 100%.

就是说包含SWF的DIV的Parent DIV的大小没有设置，高度按照0乘以100%来计算，所以高度为0在Firefox中自然就不可见了。
官方的建议是设置一下CSS：

<style type="text/css" media="screen">

           html, body, #containerA, #containerB { height:100%; }

          body { margin:0; padding:0; overflow:hidden; }

</style>

本次项目登陆页详细代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登录</title>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
html, body, #myFlashContentDiv {
height: 100%;
width: 100%;
overflow: hidden;
}
body {
margin:0;
padding:0;
}
-->
</style>
</head>
<body bgcolor="#001a00">
<div id="myFlashContentDiv">
  
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="myFlashContent">
      <param name="movie" value="http://static.ikaku.com/swf/login.swf" />
      <!--[if !IE]>-->
      <object type="application/x-shockwave-flash" data="http://static.ikaku.com/swf/login.swf" width="100%" height="100%">
        <!--<![endif]-->
        <a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="点击获取最新版FlashPlayer" /> </a>
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>

分享到：

q:before, q:after { content:''; }问题【 ... | Chrome 11开测新增HTML5语音输入API

2011-04-14 11:39
浏览 1533
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论