Простой вопрос CSS - Пустое пространство над

Я работаю на странице в ближайшее время здесь: http://desertcinema.com/jheck/Простой вопрос CSS - Пустое пространство над

Однако я бегу в какой-то вопрос касаемо дополнительное пространство в верхней части моего <div class="background-filter"></div> элемента.

В принципе у меня есть этот CSS для этой части:

.background-filter { 
    width:100%; 
    height:100%; 
    display:block; 
    position:fixed; 
    background: #000; 
    opacity: 0.5; 
    z-index:0; 
    margin: 0; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -ms-background-size: cover; 
     -o-background-size: cover; 
      background-size: cover; 
}

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

Любая идея, что вызывает это и как его исправить? Вы можете использовать CHROME INSPECT ELEMENT для игры.

источник

2016-07-23 Mikk Poles

Просто добавьте стиль top: 0; в .background-filter.

Позиция элемента по умолчанию не равна 0,0. Его позиция устанавливается по умолчанию относительно содержащего элемента.

источник

2016-07-23 10:23:09 TTCC

Это сработало. благодаря! –

Хотя это работает, причина, по которой элемент элемента не был 0,0, состоит в том, что перед div отображается символ. – AliIshaq

Да, советую удалить символ «>» в верхней части страницы. @MikkPoles – TTCC

У вас есть дополнительный символ в вашей разметке. Между вашими CSS-файлами здесь:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" type="text/css" media="screen" /> 
> 
<link href='https://fonts.googleapis.com/css?family=Oswald:400,700,300|Roboto+Slab:400,300,700' rel='stylesheet' type='text/css'>

Фиксация, которая избавляется от пространства.

источник

2016-07-23 10:27:18 AliIshaq

body { 
    margin: 0; 
    padding: 0; 
}

Я не уверен, но это может быть край тела или прокладка?

источник

2016-07-23 10:34:32 alieni

Простой вопрос CSS - Пустое пространство над

ответ

Смежные вопросы