Question

我想要一个底部固定位置的页脚。 HTML代码是

＆＃13;

@media screen and (max-width: 479px) 
.cws_social_links-icon {
      display:block;
      vertical-align:middle;
      position:fixed;
      text-align:left;
      bottom:0px;
      right:20px;
      z-index:10000;
      height:56px;
    }

＆＃13;

<div class="cws_social_links-icon  animated fadeIn">
      <a href="//facebook.com" class="icon_link"><i data-font-color="#ffffff" data-bg-color="#3b5998" class="cws_fa flaticon-facebook55 fa-lg custom_colors square kill_gradient" style="color: rgb(255, 255, 255); background-color: rgb(59, 89, 152); border-color: rgb(59, 89, 152);"></i></a>
      <a href="//twitter.com" class="icon_link"><i data-font-color="#ffffff" data-bg-color="#55acee" class="cws_fa flaticon-twitter1 fa-lg custom_colors square kill_gradient" style="color: rgb(255, 255, 255); background-color: rgb(85, 172, 238); border-color: rgb(85, 172, 238);"></i></a>
      <a href="//linkedin.com" class="icon_link"><i data-font-color="#ffffff" data-bg-color="#28A6EC" class="cws_fa fa fa-linkedin fa-lg custom_colors square kill_gradient" style="color: rgb(255, 255, 255); background-color: rgb(40, 166, 236); border-color: rgb(40, 166, 236);"></i></a>
      <p></p>
    </div>

＆＃13;

问题在于固定位置元素＆＃39;隐藏在容器的静态元素下。

固定定位元素隐藏在另一个元素下，不可点击

0 个答案: