Если у меня есть тег тела, и я хочу изменить цвет фона на серый от верхней части страницы вниз, скажем 300 пикселей, как бы это сделать, если у меня есть контент на страница над телом?Заполнение определенного диапазона высоты до цвета в css
Я могу установить весь цвет фона тега тела на серый, можно ли просто определить диапазон?
body {
background-color: #16749F; // from 0px to 300px
}
Если вы абсолютно необходимо избежать изменения HTML, вы можете сделать что-то вроде:
body:before {
display: block;
position: absolute;
top: 0;
left: 0;
content: '';
background: #16749F;
width: 100%;
height: 300px;
}
#main {
position: relative;
z-index: 1;
}<div id="main">
<p>Your current site content.</p>
</div>Вы могли бы просто использовать фоновое изображение сплошного серого цвета и повторите по оси х. Он будет иметь ширину 1px и 300px.
body {background:white url(../img/grey_bg_1x300.gif) repeat-x 0 0;}
Почему бы вам просто не создать два div с разными цветами и установить высоты? –
, так как теперь страницы настроены. У меня есть тело и внутри тела у меня есть div с контейнером бутстрага. В контейнере есть значения отступов и полей, поэтому все лежит в нем с белым пространством вокруг него. Это то, что я хочу для всего, кроме верхней части страницы, где есть навигационное меню. Я хочу, чтобы цвет фона навигационного меню охватывал всю страницу, но я хочу сохранить все остальное внутри контейнера. – user1186050
Вне контейнера создайте еще один элемент div как
и, возможно, добавьте еще один класс, например , затем установите серого-bg на цвет и высота? –