页脚在我的主页上消失

-1

我一直在处理这个website，现在我遇到了一个问题，它包含页脚不断消失的事实。当我重新加载页面然后它消失时，它会出现一秒钟。我只是让我的页脚出现在页面底部的分页下。页脚在我的主页上消失

<div id="topbar"> 
     <div class="width-container"> 
      <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1> 
      <div id="search"> 
       <form action="<?php bloginfo('url');?>/tech" method="GET" id="searchF"> 
        <!--<input type="hidden" name="page" value="<?php if(isset($_GET["page"])){echo $_GET["page"];} else {echo '1';} ?>">--> 
        <?php 
         $searched_term = get_query_var('recipe_search'); 

         if (empty($searched_term)) { 
          $searched_term = isset($_GET["search"]) ? $_GET["search"] : ""; 
         } 
        ?> 
        <input id="sfield" type="text" name="search" placeholder="Keywords" <?php if (!empty($searched_term)) {echo 'value="'.$searched_term.'"';} ?>> 
        <input id="sbutton"input type="submit" value="Search" onClick="check()"> 



      </div> 

    <div id="extra-wrap"> 
     <div id="extra-search"> 
      <div id="picture-side"> 

       <input type="radio" name="images" value="1" id="picture" 
       <?php if(isset($_GET["images"]) && $_GET["images"]=='1'){ echo 'Checked';} ?>><label for="picture">Pictures</label> 
      </div> 

      <div id="picture-side1"> 

       <input type="radio" name="images" value="0" id="picture2" 
       <?php if(isset($_GET["images"]) && $_GET["images"]=='0'){ echo 'checked';} ?>><label for="picture2">No Pictures</label> 
      </div> 

      <div id="picture-side2"> 

       <input type="radio" name="images" value="0" id="video" 
       <?php if(isset($_GET["video"]) && $_GET["video"]=='1'){ echo 'checked';} ?>><label for="video">Video</label> 
      </div>  
        <div id="time-side"> 
         <!--<small>Published time</small>--> 
         <input type="text" id="to" name="to" placeholder="Any time"> 
        </div> 



        <div class="styleselect"> 
         <select data-placeholder="Select a Category" name="cat" id="cat" class="select2" multiple > 
            <option selected value="all">All Categories</option> 
           <option value="EN">England</option> 
           <option value="GR">Greece</option> 
           <option value="US">USA</option> 
           <option value="IT">Italy</option> 
           </select> 
        </div> 

        <a href="http://www.onetechsearch.com/tech/category/IT/?search=&images=1&to=&cat=IT&popular">Most Popular</a> 


     </div>    
    </div>   
</div>   
</form> 


</div> 

       <div id="footer"> 
      <ul id="footer-col3"> 
       <?php dynamic_sidebar('Footer 1'); ?> 
       <?php dynamic_sidebar('Footer 2'); ?> 
       <?php dynamic_sidebar('Footer 3'); ?> 
      </ul> 
      </div>

的CSS：

#footer { 
    bottom: 0; 
    clear: both; 
    position: absolute; 
    text-align: center; 
    width: 96%; 
    padding:2%; 
    background-color:rgba(139, 140, 0, 0.6); 
    } 

#footer p{padding:14px 0;margin: 0; color: #999; text-align:center; font-size:12px;} 

#footer #footer-col3{ 
    /*width:960px;*/ 
    margin:0 auto; 
    overflow:hidden; 
} 
#footer #footer-col3 li.widget{ 
    list-style-type:none; 
    float:left; 
    width:32%; 
    text-align:left; 
} 
#footer #footer-col3 li.widget h2{ 
    font-size:14px; 
    color:#ddd; 
    padding:10px 0; 
    margin:0 50px 10px 0; 
    border-bottom:1px dashed #555; 
} 
#footer #footer-col3 li.widget li { 
    list-style-type:none; 
    padding: 1px 0; 
} 
#footer #footer-col3 li.widget li a{ 
    color:#bbb; 
    font-size:12px; 
} 
#footer #footer-col3 li.widget li a:hover{ 
    color:#fff; 
} 
#footer #footer-col3 #social-icons-widget-2 {width:60%;}

分页：

#pagination { 
    display:block; 
     text-align:center; 
    margin-bottom: 70px; 
     margin:0 auto; 
     clear:both; 
     padding: 0.4% 0; 
     background-color: rgb(255, 255, 255); 
     color:#999; 
     font-size: 11px; 
     text-transform:uppercase;} 

#pagination a.pag-right { 
     border:1px solid #ddd; 
    padding:4px 8px; 
    color:#828282; 
    background-color: rgb(255, 255, 255); 
    -moz-border-radius: 12px; 
    -khtml-border-radius: 12px; 
    -webkit-border-radius: 12px; 
    border-radius: 12px; 
} 
#pagination a, 
#pagination span{ 
    width:33%; 
    text-align:center; 
    font-size:1.2em; 
    text-transform:capitalize; 
    border:1px solid #ddd; 
    padding:4px 8px; 
    color:#828282; 
    background-color: rgb(255, 255, 255); 
    -moz-border-radius: 12px; 
    -khtml-border-radius: 12px; 
    -webkit-border-radius: 12px; 
    border-radius: 12px; 
    font-family:"Arial", sans-serif; 
    display:inline-block; 
    padding:0.5em 0; 

}

来源

2016-11-28 Johhny Sins

我觉得这是PHP的错误，这是造成不显示页脚。 –

尝试添加z-index到您的页脚 – Chiller

在您的网站上，您的页脚位于html注释中......这是您可以查看的内容 – LuudJacobs

您的页脚正在改写。如果你想在窗口底部添加一个静态页脚，可以编辑你的页脚css并添加z-index。

#footer { 
bottom: 0; 
clear: both; 
position: absolute; 
text-align: center; 
width: 96%; 
padding:2%; 
background-color:rgba(139, 140, 0, 0.6); 
z-index:1000; 
}

来源

2016-11-28 15:18:42

这个工程，但它显示在屏幕的底部，而不是网站的底部 –

然后，您需要关闭主容器div并将页脚放在底部，您还需要给它足够的空间来显示。您使用的代码用于给出固定页脚，覆盖您的站点并将其固定到屏幕上。尝试一个传统的页脚，你有

布局。 –

尝试： -

#footer { 
    clear: both; 
    position: relative; 
    z-index: 10; 
    height: 3em; 
    margin-top: -3em; 
}

来源

2016-11-28 15:24:14

已经尝试过 –

好吧，我会尽力帮助你。 –

在我发布之前，我尝试了你刚刚发布的链接的所有内容 –

试试这个：

#footer { 
    text-align: center; 
    width: 96%; 
    padding: 2%; 
    background-color: rgba(139, 140, 0, 0.6); 
    z-index: +1; 
    position: fixed; 
    bottom: 0; 
}

来源

2016-11-28 20:00:09

页脚在我的主页上消失

回答

相关问题