Как сделать эффект зависания на фоне?

В настоящее время я работаю над фоном для сайта, на котором я хочу добавить эффект наведения с текстом сверху. Хотя я столкнулся с проблемой, когда у меня есть фоновое изображение на листе стилей css и некоторые трудности с реализацией зависания.Как сделать эффект зависания на фоне?

Я столкнулся с некоторыми хорошими ресурсами при наведении таких эффектов, как this и this one. Один на github довольно изящный, но поскольку я не очень хорошо разбираюсь в j-вопросе, я буду придерживаться основного.

Вот мой код фона на css, вопрос в том, как я мог бы реализовать наведение отсюда?

body { 
min-width: 800px; 
margin: 0px 0px 0px 0px; 
border-left: 50px solid #000000; 
background: #FF7F66 url('images/landscape1.jpg') no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
color: #666666; 
font: 10px Verdana; 
}

источник

2013-10-11 Brian Lam

Вы пробовали 'body: hover {/ * styles * /}'? – Oriol

Вы могли бы что-то подобное с http://ricostacruz.com/jquery.transit/ легко. –

@Oriol Нет, я не знаю, на самом деле я даже не знаю, как это начать. Это так же, как зависание с текстом? –

Просто используйте селектор CSS: псевдо

.wrapper:hover 
{ 
    /* whatever styles you want */ 
}

Насколько я знаю, вы не можете поставить селектор псевдо на теле. Вы должны просто использовать обертку, подобную этой: http://jsfiddle.net/wyehq/

источник

2013-10-11 22:48:16

Спасибо, Крис, я сейчас снимаю этот снимок. –

Конечно, на теле можно использовать псевдоселектор. Почему нет? – Oriol

Мне не удалось получить: hover класс psuedo для работы с телом в Chrome, может быть, он просто не поддерживается? –

Как сделать эффект зависания на фоне?

ответ

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