position = fixed对我的网页上的某些元素而言效果很好,但不适用于此新闻自动收录器,后者必须位于页面底部。请帮助我找到错误。提前致谢 !
这是我的CSS代码:
.sticky_menu
{
position:fixed;
//-webkit-transform: translate3d(0, 0, 0);
//float:bottom;
//height:200px;
//width:1218px;
//border:3px solid green;
//box-shadow:0px -5px 5px #888888;
}
#wrapper {
width: 100%;
margin: -100px 0 0 0;
position: relative;
left: 0;
//top: 50%;
font-family: Arial, Geneva, SunSans-Regular, sans-serif;
font-size: 14px;
color: #333;
line-height: 22px;
//min-height: 300px;
//height: 100%;
padding: 0;
margin: 0;
}
#wrapper h3 {
font-size: 20px;
text-align: center;
}
#wrapper > div {
background-color: #eee;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
width: 100%;
height: 30px;
padding: 15px 0;
overflow: hidden;
}
#wrapper > div.first {
border-bottom: none;
}
#wrapper dl {
display: block;
margin: 0;
}
#wrapper dt, #wrapper dd {
display: block;
float: left;
margin: 0 10px;
padding: 5px 10px;
}
#wrapper dt {
background-color: #f66;
color: #fff;
}
#wrapper dd {
color: #333;
margin-right: 50px;
}
code {
font-style: italic;
}
这是我的html代码:
<div class="sticky_menu">
<div id="wrapper">
<div class="first">
<dl id="ticker-1">
<dt>1.5.2014</dt>
<dd> APM Report updated</dd>
<dt>7.5.2014</dt>
<dd>EBAR(Account Level)report updated</dd>
<dt>9.6.2014</dt>
<dd>Digital Dashboard Pivot Table Report updated</dd>
<dt>10.6.2014</dt>
<dd>Safekey Report updated</dd>
<dt>13.5.2014</dt>
<dd>POINT Tool launched</dd>
<dt>1.6.2014</dt>
<dd>EBAR(Account Level) Report launched</dd>
</dl>
</div>
</div>
</div>
这是我指的新闻行情:-
http://coolcarousels.frebsite.nl/c/9/
最佳答案
我在http://coolcarousels.frebsite.nl/c/9/检查了您的代码
我认为主要问题是您的z-index,#c-footer的z-index:10,因此即使您给出position:fixed和bottom:0;它会隐藏在#c-footer div的后面,因此您需要增加新闻资讯(#wrapper)div的z-index
#wrapper {
bottom: 0;
margin: -100px 0 0;
position: fixed;
width: 100%;
z-index: 20;
}