我正在製作一個類似於uservoice小部件的小部件,但我希望頁面的內容位於iFrame中,而不是通過javascript顯示小部件。 我怎麼能有一個完整的頁面(寬/高100%)的iFrame與固定在瀏覽器的左邊,一個例子一個div(使用JavaScript而不是CSS/HTML)是在這裏:http://uservoice.com/demo覆蓋div iframe
我想要的插件以本地方式出現在頁面上,並通過iFrame加載內容。
任何想法?我無法讓iFrame填滿整個頁面,並且也顯示在最上面。我已經玩過z-索引而沒有運氣。代碼示例:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style>
#widget {
left: 0px;
position: absolute;
top: 50%;
display: block;
z-index:100001;
width: 25px;
}
#content {
z-index:1;
}
</style>
</head>
<body>
<div id="widget">
widget
</div>
<iframe frameborder="0" id="content" src="http://www.google.com/" width="100%" height="100%"></iframe>
</body>
</html>
我在Ubuntu上測試你的代碼使用ff3.5.7,它似乎工作得很好。你使用的是什麼設置? – Flatlin3 2010-01-19 22:59:20
z-index在iframe上不起作用。 – Michael 2013-01-07 10:16:52