Question

此网站：

http://yoursdproperty.com/

你看到顶部有多余的空白区域吗？

我如何扩展该图像以摆脱那个空间？

奇怪的是，运行标题图像的flash文件已被我更改为页面的宽度。 CSS中的某些内容虽然使其尺寸为940宽。

请注意，我只对调整css或html感兴趣，而不是flash或javascript

Answer 1

您需要在html

中更改embed标记的宽度

<embed height="250" width="1050" wmode="transparent" quality="high" name="topheader" id="topheader" src="/templates/pjo_joomlaforall/images/header.swf" type="application/x-shockwave-flash">

然后从div width:940

中删除#at-flashheader

Answer 2

问题（这是正确的吗？）：

如何将Flash影片扩展到页面的整个宽度（而不是940px）？
如何让Flash影片驻留在其父元素的顶部 - 从而位于页面的顶部？

上述操作应该在不修改Javascript或Flash的情况下完成。

答案：

第1部分：
您似乎正在使用FlashObject来嵌入闪存 FlashObject接受多个参数，第3个和第4个参数表示元素的width和height属性。

只要设置了这些属性，它们将覆盖您应用的任何其他CSS类。
要将宽度更改为100％，您必须将940更改为1040，或者可能更改为“100％”。

 <script type="text/javascript">
    var fo = new FlashObject("/templates/pjo_joomlaforall/images/header.swf", "topheader", '100%', 250, 7);
    fo.addParam("wmode", "transparent");
    fo.write("flashcontent");
 </script>

虽然这可能算作使用Javascript，但它是唯一可行的解决方案。

第2部分：
您正在处理的实际swf是240px宽和200px高闪存文件中的“图像”部分只有50像素高，位于swf的垂直中心。

无法使用CSS扩大SWF中的50px中心你可以做的是使用CSS放大swf，使中心的高度符合你的需要，然后再用一些CSS来裁掉顶部和底部的空白。

将embed标签放置在隐藏溢出的元素内，并将负顶边距（或负位置）应用于等于要裁剪的空白的嵌入。

<style type="text/css"> 
#at-flashheader{ 
    overflow:hidden
}
#flashcontent{
    margin-top:-40px;
}
</style>
<div id="at-flashheader"><div id="flashcontent"></div></div>

'当然，如果swf的宽度是百分比，这将无法正常工作，因为空白的高度不会是恒定的。如果将宽度设置为常量（例如1040px），则可以相应地设置负上边距。

暂且不说：

你真的应该用Mootools或JQuery而不是Flash来做这件事举个例子 - 我的浏览器上有Flashblock，只是为了看你在说什么而不得不跳过篮球。如果我一直在我的iPhone上，跳过篮球就不会有帮助。

Answer 3

将margin-top:-45px添加到课程at-flashheader

Answer 4

你的flash影片需要960 x 250才能成为该空间的全宽和长度（它会在经纪人的照片后面，对吧？）。

将其置于左侧：0;和顶部：0;而且你是直的。

Answer 5

不是您的问题的答案，但为什么这首先在Flash中？据我所知，唯一的影响是当你关闭JavaScript时标题仍然是空白。

Answer 6

我想说几点：

将其设为javascript图片淡化图库。它的处理器密集程度更低，更有可能在所有平台上运行，并且更容易上班。
这可能有点多，但将网站宽度改为960px（参见www.960.gs）将使其更适合在没有水平滚动条的情况下运行1024x768（仍然是常见分辨率）的人的浏览器窗口中

Answer 7

使用舞台宽度和舞台高度变量，在flash中使用actionscript。如果你没有闪光灯源，请将swf包裹在一个新的swf中，这样新的swf会扩展嵌套的swf。

Answer 8

你必须做Emily所说的，让Flash填充标题区域。

在您的情况下，您将在FlashObject调用中更改object / embed标记的宽度：

var fo = new FlashObject("/templates/pjo_joomlaforall/images/header.swf", "topheader", "1050", "250", "7");

但是你仍然会在顶部有空白区域，因为据我所知，swf文件（或者更确切地说是swf文件中的图像）具有内置功能。您必须编辑Flash才能摆脱空白区域。

调整CSS以扩展标题

8 个答案: