页脚覆盖iframe的底部

编程新手 - 你能帮我放置一个页脚到iframe吗？它需要覆盖当前位于iframe中的深灰色页脚，并且如果页面放大或缩小，还需要响应。现在它可能是深灰色的。页脚覆盖iframe的底部

附加的是当前的编码。

感谢您的帮助。

<!doctype html> 
<html lang="en"> 
<head> 
<title>TEST</title> 
<meta charset="utf-8" /> 
<style> 
body { 
    display: flex; 
    margin: 0; 
    height: 100vh; 
    } 
iframe { 
    min-height: 100%; 
    min-width: 100%; 
    } 
</style> 
</head> 
<body> 
<iframe scrolling="no" src="https://onedrive.live.com/embed?cid=71689B83CE6D0B52&resid=71689B83CE6D0B52%217352&authkey=AOXRS7b8IrWU4Qs&em=2"></iframe> 
</body> 
</html>

来源

2015-02-07 user3216271

这是代码。

<!doctype html> 
<html lang="en"> 
<head> 
<title>TEST</title> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <style> 
    body { 
    margin: 0; 
    padding: 0; 
    } 
    iframe { 
    min-height: 100%; 
    min-width: 100%; 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    right: 0; 
    left: 0; 
    } 
    .footer{ 
    position: absolute; 
    width: 100%; 
    bottom: 0; 
    right: 0; 
    left: 0; 
    height: 50px; 
    background: black; 
    } 
    </style> 
</head> 
<body> 
    <iframe scrolling="no" src="https://onedrive.live.com/embed?cid=71689B83CE6D0B52&resid=71689B83CE6D0B52%217352&authkey=AOXRS7b8IrWU4Qs&em=2"></iframe> 
    <div class="footer"></div> 
</body>

来源

2015-02-07 03:17:32 nithin

感谢这个，但是你知道的一种方式总是覆盖页脚？当您放大浏览器（Chrome）上的500％时，您可以看到我想要覆盖的页脚。问候 – user3216271 2015-02-08 07:49:56

我检查了我的铬。它包括iframe页脚没有任何问题。只要尝试给页脚高度30px。 – nithin 2015-02-08 18:43:23

谢谢，但是当我放大到500％时，您仍然可以在原始页脚中看到图标，但在IE中也不能正常工作。 – user3216271 2015-02-10 06:15:56

页脚覆盖iframe的底部

回答

相关问题