CSS位置選擇框覆蓋

我希望能有下Programs菜單下拉選擇框，但其被覆蓋，請參考附件圖片：CSS位置選擇框覆蓋

enter image description here

編輯： 這是我的選擇框代碼

<div class="slide" style="width:738px;"> 
    <div class="n_title_black" style="padding-left:0;">PROGRAMS</div> 
    <div class="inner-main_content3" style="height:420px;padding:10px 0;"> 

    <div style="text-align: right; margin: 0px; padding: 0px; position: absolute; top: 90px; left: -6px; z-index: 9;" id="selectGenre"> 
    Genre: 
    <select onchange="this.form.submit()" id="filterGenre" name="filterGenre" style="width:220px"> 
     <option selected="selected" value="all">All</option> 
     <option value="7">Info/Edutainment</option> 
     <option value="8">News/Investigation</option><option value="12">Life Style</option> 
    </select> 

    // php code below to loop video's thumb 

</div> 

</div> 
</div>

出於某種原因，我不能簡單地用Programs菜單添加盒一樣，我希望有人在這裏可以提供一個解決方案這個問題，謝謝。

來源

2013-04-18 conmen

取代'左：-6px'也許你應該有一個大的正值 – 2013-04-18 04:59:30

什麼是你的HTML結構？ – 2013-04-18 05:02:20

你可以給我們更多的代碼，特別是程序是.. – asifrc 2013-04-18 05:40:36

我猜你不設置適當的position屬性元素試試這個：

<div class="slide" style="width:738px;"> 
    <div class="n_title_black" style="padding-left:0; position:relative;">PROGRAMS</div> 
    <div class="inner-main_content3" style="height:420px;padding:10px 0;position:ralative;"> 

    <div style="text-align: right; margin: 0px; padding: 0px; position: absolute; top: 
      10px; left: 0px; z-index: 9;" id="selectGenre"> 
    Genre: 
    <select onchange="this.form.submit()" id="filterGenre" name="filterGenre" style="width:220px"> 
     <option selected="selected" value="all">All</option> 
     <option value="7">Info/Edutainment</option> 
     <option value="8">News/Investigation</option><option value="12">Life Style</option> 
    </select> 

    // php code below to loop video's thumb 

     </div> 

    </div> 
</div>

來源

2013-04-18 06:36:34

它仍然不起作用，它可能左導航菜單導致問題 – conmen 2013-04-18 06:54:34

CSS位置選擇框覆蓋

回答

相關問題