Cover Effect CSS

На этом сайте http://rushir.co/ Я хочу, чтобы заголовок (слайд.js) исправлен, как и в фоновом режиме, так что, когда вы прокручиваете «Кто я», подходит для его покрытия. Что я делаю?Cover Effect CSS

Кроме того, мне удалось как-то уловить ссылки Twitter и электронной почты, но я не могу заставить «Кто я есть», чтобы покрыть его, когда он прокручивается. Что мне делать?

Если View Source не хватает код на GitHub здесь https://github.com/rushir/rushir.github.io

Заранее спасибо за вашу помощь!

источник

2013-07-04 rushir

'позиция: fixed'? – mash

Я пробовал это, он сделал заголовок фиксированным, но вверху не в середине страницы, где он был раньше, а также были удалены ссылки на Twitter и электронную почту. (Вы можете видеть здесь http://rushir.co/) – rushir

Чтобы решить проблему, вы должны удалить «стиль = маржа-топ: -250px» из Вашего Nav элемента:

<nav style="margin-top: -250"> 

to 

<nav>

Затем положить в файле CSS на закрытии навигационного: позиция: фиксированная или все что пожелаете. Пример:

nav {                      
     position:fixed; 
     margin-top:0;// Or what ever value you want                                            
     width: 100%;                       
     text-align: center;                     
     left:0;                        
     top:0;                        
}

Левый: 0 и топ: 0, чтобы сделать элементы не disapear в Firefox, когда они закреплены расположены.

Это та проблема, с которой мы столкнулись, когда ставим встроенный код css в наши html-теги. Свойства, объявляемые в тегах html, не могут быть перезаписаны позже в нашем .css-файле, если мы не модифицируем файл .html напрямую или не перезапишем его с помощью важного взлома (который не рекомендуется).

e).

Дополнительно: Для центрирования ссылки на верхнем центре страницы, заменить блоки, как те же селекторы со следующими из них, и вы сделали:

nav { 
    position:fixed; 
    width:100%; 
    left:0; 
    top:0 
} 

nav ul { 
    display: block; 
    line-height: -20; 
    vertical-align: center; 
    width:inherit; 
    text-align:center; 
} 
nav ul li { 
     list-style: none; 
     margin: 30px 30px 50px; 
     margin: 1.875rem 1.875rem 3.125rem; 
     font-family: "Lato", Arial, sans-serif; 
     font-size: .8125em; 
     font-weight: 400; 
     text-transform: uppercase; 
     display:inline-block; 
}

Я надеюсь, что это помогло :). Приветствия.

источник

2013-07-04 03:37:34

Хорошо, я сделал то, что вы сказали, но теперь, когда вы прокручиваете заголовок, а ссылки не «покрыты», вместо этого они находятся поверх раздела «Кто я» , http://rushir.co/ также, как сделать навигационные ссылки (Twitter и электронная почта) в центре вместо выравнивания по левому краю? – rushir

Извините, я не могу понять, что вы пытаетесь выполнить, не могли бы вы предоставить мне более ясное объяснение, также, пожалуйста, обновите свой репозиторий guthub с текущей проблемой, чтобы я мог видеть более подробно то, что вы хотите, что поможет много :). –

Я хочу, чтобы раздел «Кто я» был над заголовком, когда вы прокручиваете вниз. Прямо сейчас, по какой-то причине, когда вы прокручиваете вниз, заголовок (slide.js) остается на вершине раздела «Кто я?», Напротив того, что я хочу. Я обновил репозиторий GitHub. – rushir

Cover Effect CSS

ответ

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