Как добавить цвет фона к текстовому разделу, не окрашивая все?

Question

Как добавить цвет фона к текстовому разделу, не окрашивая все?

0

У меня есть навигационный div, закрепленный в верхней части моей страницы. Div является полностью текстовым и работает отлично, однако при прокрутке изображения или текста его невозможно увидеть четко. Я попытался исправить это, добавив цвет фона в тег div, но по какой-то причине цвет фона меняет цвет всей страницы, охватывая все.

Это связано с тем, что div привязан к вершине? Есть ли способ очистить его?

Извинения за недостаток кода раньше. Вот что я делаю:

<html>
<head>
<title>stack overflow</title>
<style type="text/css">
    #nav {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #0000FF;
}
</style>
<link href="yotb.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="nav"><center>HEADER</center></div>
<div id="container">
<div id="content">
PAGE CONTENT
</div>
</div>
</div>

EDIT: Карим ответ исправил это. Спасибо вам за помощь, всем.

user3533643 14 апр. 2014, в 23:39

Источник

2

Пожалуйста, включите соответствующие части вашего HTML и CSS.
showdev 14 апр. 2014, в 21:06
0

У вас есть пример кода. возможно jsfiddle?
Rob Allen 14 апр. 2014, в 21:06
1

Вы также можете z-index = 100, чтобы убедиться, что он находится сверху. Белый фон должен быть в порядке.
Rob Allen 14 апр. 2014, в 21:08
0

У вас также может не быть закрытого <div> где-нибудь.
Sablefoste 14 апр. 2014, в 21:13

Показать ещё 2 комментария

Теги:

html

css

3 ответа

0

<style type="text/css">
    .anchored-top
    {
        float:left;
        position:relative; /* Highlight only text in the div by wrapping objects in a span */
    }
    .anchored-top span
    {
        background-color: blue;
    }
    .clear
    {
        clear:both; /* use an empty div with a class of clear to clear the floats */
    }
</style>
<div class="anchored-top">
   <span>Stuff in Here</span>   
</div>
<div class="clear" />

Ryan Mann 14 апр. 2014, в 20:10

0

Очень сложно задать вопрос, не видя того, что у вас уже есть, но я бы порекомендовал сначала ниже. (Во-первых, позвольте мне извиниться, если вы уже знакомы с HTML)

Убедитесь, что div закрыт
Установите ширину и высоту в div
Убедитесь, что вы только меняете фоновый цвет этого div, а не другой элемент

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

KM123 14 апр. 2014, в 19:01

Ещё вопросы

Пожалуйста, включите соответствующие части вашего HTML и CSS.
У вас есть пример кода. возможно jsfiddle?
Вы также можете z-index = 100, чтобы убедиться, что он находится сверху. Белый фон должен быть в порядке.
У вас также может не быть закрытого <div> где-нибудь.

Karim AG · Accepted Answer · 2014-04-14T19-44-00.000Z

Что вы сделали здесь, так это то, что вы установили position:fixed; к элементу, и вы объявляете его границы top:0 bottom:0 поэтому он будет распространяться сверху вниз, а left:0 right:0 чтобы он распространился слева направо, просто удалите правое и нижнее (вы действительно наденете " t нужны те братья).

Проверьте этот FIDDLE.