通過我的靜態菜單嵌入式呈現的facebook

Question

我有一個網站，其靜態菜單位於屏幕頂部。我用下面的CSS代碼實現了這一點：

#menu 
{ 
    position: fixed; 
    top: 0; 
    left: 0f; 
    width: 100%; 
    padding: 0; 
    margin: 0; 
} 

我有一個ID爲'菜單'的ID顯示正確。網頁中的所有其他材料呈現在其下面或菜單下面，就像它假設的那樣。然後，我去了臉書，並得到了代碼，所以我可以包括頁面的Facebook供稿。 Facebook給了我2套代碼，javascript和一些html。我插入這些，現在當它被渲染時，facebook newsfeed呈現在我的靜態菜單上方。

這裏是Facebook的給我的代碼：

<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

和

<div class="fb-page" data-href="https://www.facebook.com/magnoliahealthyliving/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/magnoliahealthyliving/"><a href="https://www.facebook.com/magnoliahealthyliving/">Magnolia Healthy Living</a></blockquote></div></div> 

我需要我的菜單呈現ontop的Facebook的嵌入式的HTML。

Answer 1

將 'z-index：1'或999改爲#menu。

#menu { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    padding: 0; 
    margin: 0; 
    z-index: 1; /*NEW*/ 
}