Я создаю блог для клиента, однако хочу сохранить логотип и навигацию в верхней части страницы, поэтому содержимое блога будет прокручиваться за заголовком. Возможно ли, чтобы контент исчезал, а не просто прятался за заголовком? Ссылка на данный сайт находится здесь, http://chefpaulcrowe.com/blog/HTML CSS Scrolling Blur
Любая обратная связь будет оценена по достоинству.
Спасибо, ребята!
Вы можете сделать это с помощью CSS3 лайнера градиент:
background: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
или, если вам нужна поддержка старых браузеров просто положить градиентное изображение на фоне:
background: url(path/to/the/gradient/image.png)
Спасибо @claustrofob вот что, я хочу, чтобы контент исчезал за изображением, и поскольку этот образ использует отзывчивый размер фона: обложка; фрагмент кода будет трудно использовать наложение градиента фона, есть ли способ использовать непрозрачный метод для эффекта линейного градиента, знаете ли вы? еще раз спасибо –
Пожалуйста сделайте не ссылаться на ваш веб-сайт. Пожалуйста, прочитайте: http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a-link-to-it –
Я извиняюсь, я вставляю код вместо @Diodeus –