css - Google Chrome 中 flash 标签周围的白色背景

Question

一张图片胜过一千个字，所以我将从它开始

如您所见，在 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，但右键单击它会弹出 Flash 设置菜单。嵌入标签带有 td，table 有 cellspacing = "4" 和 cellpadding = "3" ，但我认为这不会造成问题。表格、tr 或 td 没有定义高度属性，所以我想我们也可以在“检查”列表中勾选它。

我这边还有什么需要提供的来提出解决方案吗？

更新

如果有帮助，也加入 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。这是党卫军:

提前致谢

Answer 1

我们需要查看您的 CSS 文件或内联样式代码，您是否尝试过将 td 填充属性设置为零？

CSS 代码:

td {
    padding: 0;
}

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

border-collapse: collapse

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

position: relative;
overflow: auto; 

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