фоновое изображение не заполняет окно

Question

Я создаю всплывающее окно с фоновым изображением из CSS, как показано ниже

#gui-01-Qa {
background-image:url(path/to//file.jpg);
background-repeat: no-repeat;
background-position: top left;

}

Все это прекрасно работает, за исключением (как выглядит) границы примерно в 5 пикселей. Это не из моего кода, но IE и Firefox добавляют его. Так откуда оно взято?

Любые идеи помогут Большое спасибо Giles

Answer 1

Возможно, элемент с вашим идентификатором CSS "gui-01-Qa" вызывает границу. Попробуйте установить поле и / или отступ в 0.

Answer 2

Эта граница, скорее всего, является отступом или полем для элемента body.Просто добавьте html, body { margin:0; padding:0;} или используйте CSS reset .

Если вам интересно, как растянуть фоновое изображение, чтобы заполнить все окно независимо от разрешения при сохранении соотношения сторонList Apart недавно опубликовал очень хорошую статью на эту тему.