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;


}

10-05 20:55
查看更多