Цвет фона фонового рисунка влияет на цвет фона веб-сайта

Question

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

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

#fieldset { 
background-color: #FFFFFF; 
} 

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

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

Answer 1

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

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

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

Answer 2

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

Answer 3

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