Question

Google Images是最好的例子。关注图片后，相框会保留在页面顶部，并提醒您返回Google。这种技术是否有一个特殊的名称，最有效的方法是什么？

到目前为止，我有这个：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Framed content</title>
    <style type="text/css">
        #bar {
            width:100%;
            height:10%;
        }
        iframe {
            width:100%;
            height:90%;
        }
    </style>
</head>
<body>
    <div id="bar"><!-- PUT THE CONTENTS OF THE BAR HERE --></div>
    <iframe src="{LOCATION OF THE HTML PAGE}"></iframe>
</body>
</html>

我如何调整上述内容，以便#bar可以读取100px而不是10％高？这对代码有何影响？这是我提问的关键。

非常感谢。帕特里克

Answer 1

我认为它仍被称为'framing'，即使它比90年代末和21世纪初流行的旧框架集更先进。您可以学习的其他示例包括Facebook和Stumbleupon。

Answer 2

我看到它被称为“topbar”......

就个人而言，我发现它们真的很烦人，除非它们正在服务于有用的目的。我不需要提醒您回到您的网站。您也可以在此时在新窗口中打开链接。

Answer 3

您可以执行Google的操作，并删除您的doctype标记。通过这一修改，您的标记将立即起作用，您将能够将条形高度设置为100px，将iFrame的高度设置为100％ - 产生所需的结果。

Answer 4

经过一番调查，我发现了这个，根本不使用iframe。我知道有些人不会用bargepole触摸框架集，但我有兴趣知道人们认为可能存在的潜在问题，除了明显的“框架不支持”。

<html>  
<frameset rows="100,*" frameborder="no" framespacing="0"> 
  <frame name="h" src="top_source" scrolling="no" noresize >      
  <frame name="t" src="main_source" scrolling="auto" noresize > 
</frameset> 
</html>

这使用了通配符“*”，div高度属性没有。

在横幅下构建外部网页的最佳方式是什么？

4 个答案: