Question

我制作了1920 * 1048闪光灯（16：9屏幕），并将其嵌入到html中像：

<div style="top:0;left:0;background-color:red;width:100%;height:100%;z-index:-10">
<iframe height="100%" width="100%" src="./img/bg.swf" frameborder=0 allowfullscreen> </iframe>
</div>

以下是问题：

在4：3屏幕中，闪光灯的宽度为100％，但顶部和底部有白色衬垫。闪光灯似乎必须保持宽高比。

有没有办法在4：3屏幕和16：9屏幕上全屏显示闪光灯？

或者像css语法一样：

background:url(...) center center

图像始终全屏，并且在4：3屏幕中仅显示图像的一部分。

Answer 1

尝试使用* { margin: 0; padding: 0; }这应该解决它。您也可以为body

执行此操作

Answer 2

我最后制作了一个静态宽度和高度页面。宽度为1920px，高度为1048px

像闪光灯的CSS一样 style="position:relative;top:0;left:0;width:1920px;height:1048px;z-index:-10"

和其他div的css一样 style="position:fixed;z-index:2;top:80px;left:30px;"

制作flash作为html的背景（全屏）

2 个答案: