<分区>
<分区>
开始创建我自己的 Wordpress 博客后，我一直坚持修复我的标题。
我对 CSS/JavaScript 的接触很少，所以我在学习的过程中即兴发挥!我想要实现的大部分目标已经完成，但我只想在添加我的帖子等之前尝试修复此 header 。
在 Interne 上搜索后，我只能找到下面的内容并将其添加到我的 style.css 文件中；
#masthead {position:fixed; top:0px; margin:auto; z-index:100000; width:100%;}
这现在修复了标题图片和导航，但稍微偏离了中心，但我页面的其余部分现在仍然落后于此。一个问题是 Image 和 Nav 的实际背景是不透明的。请看下面的截图
Before code - http://tinypic.com/r/2vxm69t/6
After code - http://tinypic.com/r/34jd2t1/6
我相信我可能需要在我的 header.php 中创建一个单独的“div”，或者以某种方式对其进行修改，但老实说，我不是 100% 确定究竟是什么让这项工作有效，因为我以前从未这样做过.理想情况下，我在 Nav 链接下方添加的行(在添加此代码之前的屏幕截图中显示)将指示标题的底部，当您滚动时，其余部分将在此下方消失。背景作为一个整体将保持白色，并位于页面其余部分的中心，仍然包括顶部的间隙，它可以显示背景。
!!我必须为屏幕截图道歉，它不是很清楚，但我希望这能说明正在发生的事情并且足够清楚，我会尽快主持!
我的“style.css”和“header.php”的链接如下 - 如果您需要其他任何东西，请告诉我；
style.css - http://codepad.org/c4BnqxlF
header.php - http://codepad.org/w4z19VLW
我希望有人能提供帮助，因为我认为这在我的博客上看起来很棒，然后我就可以发帖了!
编辑
修改后的代码，现在显示正确的对齐方式和背景，但仍然在标题图像上方显示白色部分 - 最佳显示在以下屏幕截图中 http://tinypic.com/view.php?pic=126bd7c&s=6
#masthead {background: #FFF;position:fixed; top:0px; height: 350px; z-index:100000; width:960px;}
#main {margin-top:335px;}
.
最佳答案
您将不得不调整您的代码以适本地适应，但这里有一个示例，说明您如何执行我认为您正在努力实现的目标。
在您的代码中，您需要定义图像的背景颜色和高度 + 导航。之后，您可能希望为 id="main"创建一个边距，使其低于您的其余信息，即图像 + 导航链接的顶部边距。
更新:添加了 margin-top 到 24px
#masthead {background: #FFF;position: fixed; top: 0px; height: 350px; z-index: 100000; width: 100%;margin-top: 24px;}
#main {margin-top:350px;}
关于php - 如何在 Twenty Twelve WordPress 主题中设置固定标题？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15822759/