【问题标题】:100% height Flash / HTML Footer100% 高度 Flash / HTML 页脚
【发布时间】:2009-12-06 10:08:16
【问题描述】:

问题:

我想在 html 页面中放置 100% 高度和 100% 宽度的 Flash。我已经做到了。现在我想在该页面中添加 HTML 页脚,它会粘在页面底部。

试过了: 众多解决方案。谷歌搜索。问朋友。失败

谢谢!

【问题讨论】:

    标签: html css flash


    【解决方案1】:

    你需要:

    页脚 { 位置:绝对;底部:0;左:0;右:0;高度:一些像素; }

    然后在您的主容器元素上,具有 -somepx 的底部边距;将防止它与页脚重叠。或者,只是不要使用 Flash 画布的那部分并将其保持在 100% 的高度。

    您可能需要指定相同的 z-index,例如。 z 指数:100;如果使用第一个解决方案,则在这两个元素上确保它们不会相互重叠。

    【讨论】:

    • 有什么不好的?似乎你错误地认为你的闪光灯应该是 100%x100%,而它应该在一个绝对定位的元素中:0;右:0;顶部:0;底部:一些像素;
    • 设置 top,left,right=0 和 bottom=20px 的问题是 flash 影片不会缩放到 100%,因为包含的剪辑没有宽度可以从计算百分比。
    • true,但应该可以在上述设置旁边指定宽度。我并没有尝试做 OP 的工作! ;) Andrey,您可能想查看swffit.millermedeiros.com,以便在调整大小时使闪光灯适合屏幕。
    【解决方案2】:

    您需要在页面中添加绝对位置或固定位置的元素。如果您可以发布您尝试过的内容(不是您尝试过的事情的列表,而是您尝试过的实际代码),那么也许有人可以帮助您。

    您可能必须使用一些 JavaScript 才能使其工作。添加一个监听器等待resize事件,当resize发生时,resize包含flash的div。您需要将其高度设置为窗口高度减去页脚高度。

    【讨论】:

    • 我有想过java脚本的实现,但我只是希望有快速稳定的CSS解决方案,我确定有,但没人能找到
    【解决方案3】:
    footer {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0; 
      height: "as suitable";
    }
    

    【讨论】:

      猜你喜欢
      • 2013-07-28
      • 2012-04-17
      • 1970-01-01
      • 2015-06-16
      • 2014-09-20
      • 1970-01-01
      • 2013-09-29
      • 1970-01-01
      • 2013-04-25
      相关资源
      最近更新 更多