Div, не показывающий hover ниже

Проблема в том, что если я нахожусь на Сервисах, он должен показать div, ниже которого не отображается ни один по умолчанию, но при наведении он будет отображаться как блок, на самом деле я не знаю css, так что просьба помочь мне , у меня есть это так, пожалуйста, помогите мнеDiv, не показывающий hover ниже

HTML:

<section class="tmain"> 
    <div class="Button"> 
     SERVICES 
    </div> 
    <div class="Button"> 
     SERVICES 
    </div> 
</section> 
<div class="ShowMe"> 
</div>

CSS:

.tmain{ 
      width:960px; 
      margin-left:auto; 
      margin-right:auto; 
      background-color:#069; 
      height:auto; 
    } 
    .Button{ 
      padding-bottom:40px; 
      padding-top:40px; 
      padding-left:30px; 
      color:white; 
      font-family:Agency FB; 
      padding-right:30px; 
      background-color:#309; 
      font-size:36px; 
      margin-left:10px; 
      float:left; 
    } 
    .ShowMe{ 
      width:960px; 
      margin-left:auto; 
      margin-right:auto; 
      background-color:#3C9; 
      height:400px; 
      display:none; 
      position:relative; 
      z-index:-1; 
    } 

    section.tmain:hover > .ShowMe{ 
     display:block; 
    }

источник

2013-05-23 JhOn Cena

section.tmain:hover + .ShowMe{ 
     display:block; 
    }

источник

2013-05-23 02:56:32

но как мы можем показать его в виде выпадающего меню, когда я нахожусь на сервлете, он покажет div ниже, –

@JhOnCena - ну, вы получили css события наведения, теперь просто отредактируйте его соответствующим образом, измените положение , сверху, слева, все, что угодно –

хорошо –

Div, не показывающий hover ниже

ответ

Смежные вопросы