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位置选择框覆盖

回答

相关问题