0
,請與我可怕的編碼承擔(我仍在學習)我創造了我的老闆是一個WordPress的網頁,這只是一種header.php文件的index.php和footer.php位置是:固定 - 推我的頁腳在頁眉
index.php中的內容只是一個iframe,我想坐在header.php和footer.php後面。雖然當我申請一個職位:固定;我的iframe(以便它填充網頁)我的頁腳跳起來,並覆蓋我的header.php。
我苦苦尋找的那停留了我的頁面底部提前:)
感謝一個方法可以讓我有一個100%大小的iframe(沒有滾動),以及一個頁腳菜單
body, html {
margin: 0;
padding: 0;
}
#container {
display: inline-block;
}
header {
top: 0;
z-index: 1;
position: absolute;
background: rgba(255, 255, 255, 0.5);
overflow: hidden;
width: 100%;
height: 100px;
}
.bmenu li{
\t display: inline-block;
}
#menu1 ul{
float: left;
}
#menu2 {
float: right;
padding-right: 5%;
}
#logo img{
margin-left: 15%;
width: 300px;
max-width: 100%;
}
.cmenu li{
display: inline;
padding: 20px 50px;
max-width: 100%;
}
#navigation3 ul{
margin-left:40%;
margin-bottom: 10px;
max-width: 100%;
z-index: 1;
position: fixed;
}
iframe {
z-index: 0;
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
}
<body>
<div id="container">
<header>
<div id="menu1">
<nav id="navigation1">
<ul>
<li>menu item</li>
<li>menu item</li>
<li>menu itemm</li>
</ul>
</nav>
</div>
<div id="menu2">
<nav id="navigation2">
<ul>
<li>menu item</li>
<li>menu item</li>
<li>menu itemm</li>
</ul>
</nav>
</div>
<div id="logo">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" alt="logo">
</div>
</header>
<article>
<iframe name="background" scrolling="no" src="https://www.bing.com.au" frameborder="0">
<p>Your browser does not support iframes.</p>
</iframe>
</article>
<div id="footer">
<nav id="navigation3">
<ul>
<li>menu item</li>
<li>menu item</li>
<li>menu itemm</li>
</ul>
</nav>
</div>
<?php wp_footer(); ?>
</div>
</body>
這工作非常感謝你:) –