Цвет фона Fieldset влияет на цвет фона сайта

Question

Цвет фона Fieldset влияет на цвет фона сайта

0

Я проектирую веб-сайт, где весь его цвет фона светло-зеленый (точнее, # F5FFF6), и теперь мне нужно создать полевой набор, цвет фона которого белый (#FFFFFFF). Вот мой код в моем css...

#page_content {
width: 100%;
height: auto;
min-height: 100%;
position: relative;
background-color: #F5FFF6;
}

#fieldset {
background-color: #FFFFFF;
}

Он как-то работал над "светло-зеленым цветом фона страницы", а цвет моего поля белый, что я тоже хотел. Но я заметил, что в области, где расположен мой набор полей, цвет фона страницы был белый, а не светло-зеленый. Остальные были светло-зелеными, за исключением этой области. Поэтому я попытался создать еще один набор полей и бум! То же самое произошло с первым набором полей - область, лежащая за моим полем, снова была белой.

Я действительно не мог понять, что с этим не так. Не могли бы вы мне помочь?

DKReigns 07 май 2014, в 02:54

Источник

Теги:

html

css

fieldset

3 ответа

0

это поведение нормальное. Вы решили применить белый фон к элементу (fieldset), и вы получили белый фон относительно этой области. Так что если это не нормально, вы, вероятно, хотите достичь чего-то еще.

Enrico Della Monica 06 май 2014, в 22:24

0

Идентификаторы (селекторы с префиксом #) должны быть уникальными для одного элемента.
Если вы хотите нацелить более одного элемента категории, используйте класс и соответствующий селектор (<div class="something"> и .something {}) или общий селектор (div {}).

Nit 06 май 2014, в 22:15

0

Благодарю. Так, где я в основном добавляю классы? в page_content или в fieldset?
DKReigns 07 май 2014, в 01:15

Ещё вопросы

Благодарю. Так, где я в основном добавляю классы? в page_content или в fieldset?

Andrei · Accepted Answer · 2014-05-06T23-30-00.000Z

не получил точной проблемы.
Если вы не хотите, чтобы вся ширина страницы была белой, просто укажите ширину поля и, таким образом, цвет фона на странице останется зеленым.

#fieldset {
background-color: #FFFFFF;
width: 100px;
height: 150px;    
}

я сделал пример: http://jsfiddle.net/aKGmc/2/, если это не поможет вам загрузить jsfiddle, чтобы я мог взглянуть на проблему

Спасибо!! Это ответ, который я искал.
Хорошо, у меня проблема - моя команда прерывания (<br/>) отбеливает строку каждый раз, когда вы ее используете. Есть ли способ, которым я мог бы вставить цвет в команду разрыва?
Вы можете сделать что-то вроде этого: jsfiddle.net/aKGmc/3