0

我正在处理的网站是http://cargocollective.com/amytdatta

我正在尝试将 Running on Cargo 链接定位在顶部导航栏的右侧。在我使用的主题中,曾经有一个搜索框正好定位在那里,所以我隐藏了搜索并尝试将搜索 CSS 复制到 Cargo 链接 CSS。这里是:

.cargo_link {
float: right;
margin: 0 0 0 20px;
color: #cccccc;
padding: 0 0 0 25px;
width: 160px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 50px;
text-align: right;
border-left: 1px solid #cccccc;
}

对 z-index 值的一些摆弄使 Cargo 链接再次可见。

不过,我仍然无法将它放在我想要的位置。这是搜索框的 CSS(我现在已经显示):

#search_form {
display: inline-block;
float: right;
margin: 0 0 0 20px;
padding: 0;
}


#search_form #search_term {
background: #f5f5f5;
border-left: 1px solid #cccccc;
border-top: 0;
border-bottom: 0;
border-right: 0;
color: #999999;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
height: 50px;
line-height: 12px;
padding: 0 0 0 25px;
width: 160px;
}

我基本上希望 Cargo Link 能够精确地替换搜索框。任何建议将不胜感激!

干杯。

4

2 回答 2

0

你的#nav_wrapper元素有一个background: whiteSmoke;隐藏它下面的东西的属性。

您要么将货物链接放在错误的元素中(即不在内部#nav_wrapper,而是在其下方)。或者你不应该有背景#nav_wrapper

编辑:

我猜你应该在结束标签<div class="cargo_link">之后移动你的<div class="page_nav">

于 2012-10-24T14:01:18.097 回答
0

你有<div id="nav_wrapper">and position:fixedz-index:999这使得 cargo_link 出现在 nav_wrapper 后面......

于 2012-10-24T14:05:04.483 回答