html - swf导致溢出

标签 html css flash embed overflow

<分区>

Possible Duplicate:
Why is my swf taking up more space than it actually is?

我在我的 HTML 中嵌入了一个简短的 Flash 动画。 swf 位于一个名为 mainspace 的 div 内,该 div 位于另一个名为 container 的 div 内。主空间 div 的所有边都有 10px 的填充,将其总面积从 640x500 更改为 620x480。 swf 是 620x480,但奇怪的是,它导致溢出和滚动条出现在 Firefox 中(但不是 IE)。

这是 HTML:

<div class="mainspace">

<object type="application/x-shockwave-flash" data="images/indexslideshow.swf" width="620" height="480">

<param name="movie" value="indexslideshow.swf"/>

<param name="wmode" value="transparent"/>

<a href="http://www.adobe.com/go/getflash"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/></a>

</object>

</div>

这是 CSS

.mainspace {
width:620px;
height:480px;
overflow:auto;
position:absolute;
text-align:left;
margin:0px 0px 0px 160px;
padding:10px;
z-index:1;
}

.mainspace img {
border:none;
}

.imglinks1 {
margin-left:auto;
margin-right:auto;
width:50px;
border:none;
z-index:2;
}

.imglinks2 {
margin:0 0px 0 0px;
float:left;
border:none;
z-index:3;
}

body .mainspace {

}

.mainspace p {margin:0px 0 14px 0;}

.mainspace h1 {margin-left:10px; font-size:18px; color:#56AD3D; clear:both;}
.mainspace h2 {margin-left:10px; font-size:15px; color:#56AD3D; clear:both;}
.mainspace h3 {margin-left:30px; font-size:15px; color:#56AD3D;}
.mainspace h4 {margin-left:40px; font-size:15px; color:#56AD3D;}
.mainspace h5 {font-size:16px;}
.mainspace h6 {font-size:16px;}

.mainspace a:link {color:#E0D3C6; text-decoration:none;}
.mainspace a:visited {color:#56AD3D; text-decoration:none;}
.mainspace a:hover {color:#56AD3D; text-decoration:none;}

imglinks div 与此页面无关,如果有人能告诉我如何在保持 XHTML Strict 的同时解决此问题,我将不胜感激。

最佳答案

试试这个 method嵌入您的 swf 对象。它有几个用户友好的功能。

您可以从here 下载您的swfobject javascript 调用。


<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
    var flashvars = {};
    var params = {};
    var attributes = {};   
    swfobject.embedSWF("indexslideshow.swf", "mainspace", "300", "120", "9.0.0", false, flashvars, params, attributes);
</script>

关于html - swf导致溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7142887/

上一篇:jquery - 如何检测链接是否已被点击,即使页面被重定向

下一篇:javascript - 图像缩放+模态?

相关文章:

javascript - 如何使用javascript重置div中的滚动位置

actionscript-3 - 如何以干净、可管理的方式跟踪所有 Box2D 碰撞?

javascript - 使用jquery mobile和phonegap的应用程序的页面转换

右侧的 Javascript 滑动选项卡不起作用

html - 无法在手机上滚动

javascript - Bootstrap 可折叠面板内容重置为顶部

actionscript-3 - 如何使用 Flex SDK 在 Flex as3 中使用非赋值表达式?

javascript - 闪存权限

c# - MVC Razor C# 用于 HTML img 标签 src 的变量

html - 为什么我的元素中只有一个可点击,而其他元素不可点击?