围绕Google Chrome中的flash <embed />标记的白色背景

时间:2012-09-17 13:25:48

标签: css flash google-chrome background embed

一张图片胜过千言万语,所以我将从它开始

White background around embed tag http://i46.tinypic.com/2n8x0k6.png

正如您所看到的,Chrome中出现白色背景,而在Firefox中,该电影非常适合。

这是嵌入代码:

<embed id="movie" src="movie.swf" loop="false" menu="false" quality="best" 
bgcolor="#ffffff" width="250" height="250" scale="aspect" name="movie" 
align="middle" allowscriptaccess="always" allowfullscreen="false" 
type="application/x-shockwave-flash" 
pluginspage="http://www.macromedia.com/go/getflashplayer" 
flashvars="shutter_enabled=1&amp;shutter_url=shutter.mp3&amp;width=250&amp;
height=250&amp;server_width=250&amp;server_height=250">

目前,我已使用bgcolor=#e0efe8将其与背景合并。但我很好奇的是为什么这部电影不像Firefox那样完美适合?

我试着看一下css,但右键点击它会调出闪光灯设置菜单。 embed标记包含tdtable包含cellspacing = "4"cellpadding = "3",但我认为这不会导致问题。 table,tr或td没有定义height属性,所以我想我们也可以勾选'to check'列表。

我方需要提供什么其他方法来提出解决方案吗?

更新

如果有帮助的话,也会抛出HTML:

<table width="100%">
    <tbody>
        <tr>
            <td>
                <embed id="movie" src="movie.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" scale="aspect" name="movie" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="shutter_enabled=1&amp;shutter_url=shutter.mp3&amp;width=250&amp;height=250&amp;server_width=250&amp;server_height=250" align="middle" height="250" width="250">
             </td>   
        </tr>
    </tbody>
</table>

最后设法通过Firebug lite查看CSS。这是SS:

CSS

提前致谢

1 个答案:

答案 0 :(得分:0)

我们需要查看您的CSS文件或内联样式代码,您是否尝试将td padding属性设置为零?

CSS代码:

td {
    padding: 0;
}

Edit1:如果这不起作用,也许这个css属性:

border-collapse: collapse

Edit2:尝试使用这些CSS属性:

position: relative;
overflow: auto; 

来源(其他有类似问题的人):http://productforums.google.com/forum/#!topic/chrome/2EqmQiwApz4