Как мне наложить меню поверх остальной части моего сайта?

Question

У меня есть php, генерирующий html, и я хочу создать слои. По сути, я хочу, чтобы меню накладывалось без искажения структуры всего отображаемого под ним.

Answer 1

Попробуйте это:

CSS:

#menuOverlay {
   position:fixed; /*or  absolute*/
   top:0;
   left:0;
   width:100%:
   height:30px;
   background:green;
   z-index: 999; /* or  greater value */
}

HTML:

<div id="menuOverlay">
   menu items here ....
</div>

Answer 2

В вашем файле CSS -

#overlaymenu {
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20px;
    background: #000;
    color: #FFF;
}

В вашем HTML -

<div id="overlaymenu">My menu's content!</div>

Надеюсь, это поможет!

Answer 3

Вам необходимо использовать CSS ключевое слово z-index. Больше информации и полное руководство здесь:
http://www.html.net/tutorials/css/lesson15.asp