Нежелательные поля при установке фона на элемент HTML в CSS - PullRequest
3 голосов
/ 08 декабря 2011

Итак, довольно хорошо известно, что вы можете добавить фоновое изображение к тегу HTML и тегу BODY, чтобы получить двойной фоновый эффект без добавления дополнительных элементов div.Мне нравится, что вы можете сделать это, но когда я пытаюсь это сделать, в верхнюю часть элемента BODY добавляется дополнительный запас.

Я обнаружил, что если вы добавили следующий код:

*{
    margin: 0;
}

это избавит от этой наценки, но также заставит меня сбросить все остальные элементы, от которых я не хотел избавляться от наценки.

Кто-нибудь знает способ простоизбавиться от поля тега HTML.

Это:

html {
    margin: 0;
}

BTW не работает.Кажется, что-то еще вызывает дополнительный интервал.

ОБНОВЛЕНИЕ: Вот пример JS Bin.http://jsbin.com/ebefah/2

У меня запущен тип документа HTML5, и я также избавился от полей на теле.

ОТВЕТ: Спасибо тридцать дней.Ответ был H1, из-за сокращения полей.Как только я избавился от верхнего поля на H1, все заработало без нареканий.Еще раз спасибо!

Ответы [ 3 ]

5 голосов
/ 08 декабря 2011

Разрыв исходит из h1 (который по умолчанию имеет значение margin-top) из-за эффекта сокращения полей.

Прочтите это.

Возможно, вы просто хотите установить margin-top: 0 на h1.

1 голос
/ 08 декабря 2011

Для тела есть поле по умолчанию.

Попробуйте html,body{margin:0;padding:0}

0 голосов
/ 08 декабря 2011

Используйте сброс CSS для нормализации стилей по умолчанию между браузерами.У Yahoo есть достойный сброс CSS.Для большинства элементов margin / padding применяется по умолчанию к таким элементам, как h1, body, html и т. Д.

http://yuilibrary.com/yui/docs/cssreset/

...