Создание фиксированного заголовка и прокручиваемого контента ⇐ Html

[Anonymous]

Пожалуйста, я хочу спросить, как сделать следующее:

• Исправленный фон для всех (заголовок и содержимое) >>> Я сделал это хорошо.
• Исправленный заголовок при прокрутке контента >>> Я сделал это хорошо.

Но проблема в том, что поскольку я использую фиксированное фоновое изображение, а фиксированный заголовок прозрачен; при прокрутке страницы содержимое появляется под заголовком (потому что оно прозрачное)..... Я пытался придать заголовку тот же фон, что и тело, и на рабочем столе все прошло хорошо, но на iPad это выглядит ненормально! поэтому я решил сделать заголовок прозрачным, и тогда возникает проблема.

Код: Выделить всё

body {
background-color: #080717;
background-image: url('../images/fixedBG.jpg');
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.myHeader {
position: fixed;
width: 100%;
display: block;
height: 255px;
top: 0px;
z-index: 1;
text-align: center;
margin: 0px auto 0px auto;
}

.container {
margin: 255px auto 0px auto;
text-align: left;
width: 541px;
position: relative;
}

Код: Выделить всё

[url=index.php]
[img]images/bigLogo.png[/img]
[/url]


[list]
[*][url=index.php]HOME[/url]
[*][url=about.php]ABOUT[/url]
[*][url=ceo.php]CEO[/url]
[/list]


bla bla bla long text here

Подробнее здесь: https://stackoverflow.com/questions/186 ... le-content