- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Маркетинг для шоколадной фабрики. На 34% выше средний чек
Через устранение узких мест
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Добрый вечер! Мне нужно чтобы при направлении, на блок налаживался фон. (какбудто он выделяется).
Пока пришла идея такая:
При наведении добавлять <div> блок в конец элемента.
У этого див блока position:absolute; ширина, высота такая же как и у того на который нужно наложить, ну и соответственно фон полупрозрачный с нужным цветом.
Это сделать удалось легко, создается такой же по размерам блок..
Но как его ровно наложить на другой?
Попытался наложить с помощью offset()
Т.е. узнал top и left у блока на который нужно наложить и добавил их блоку-фону.
На половине элементов работает нормально, а на половине сьезжает это фон очень сильно. Например сьезжает над блоками у которых маргин с отрицательным значением...
Помогите разобраться, как сделать лучше этот фон? Максимально кроссбраузерно.
Спасибо!
Думаю примерно понятно. Или вместо фона игра стилей и полу прозрачности.
примеры с jQuery.
Ваш способ заменяет только лишь фон, и допустим если на фоне была картинка то она вообще пропадет. А мне нужен тот же эффект opacity, только с цветом и максимально кроссбраузерно.
Т.е. opacity просто изменяет прозрачность, а мне нужно сверху наложить полупрозрачный фон например голубого цвета.
Чтобы было как "просмотр кода элемента", когда в браузере просмотривашь код там тоже выделяется, так же и мне нужно.
При этом там выделяются и картинки и все подобное (не только div), мне тоже самое нужно. Подскажите...
Я мож не понял что надо, ибо с выражением мыслей у вас как-то не очень ))
Но может быть вам это надо - http://codepen.io/bazhenov/pen/rwEob ? Зачем вам js и координаты какие-то ))
revered, тогда как уже было сказано второй полупрозрачный див сверху.
пример изменения стиля на css
#test2 {
-webkit-transition: all 1s ease-in; /*для браузеров с webkit*/
-moz-transition: all 1s ease-in /*для FF*/
-o-transition: all 1s ease-in /*для Opera*/
transition: all 1s ease-in /*для браузеров с нормальной поддержкой свойства (всегда должен стоять последним)*/
}
#test2:hover {
opacity: 0.5;
background-image:none !important;
background-color:blue !important;
}
</style>
наверное, без второго дива не обойтись
Советчики радуют ))) 😂
Если я верно понял что как-то так
#test2 {
-webkit-transition: all 1s ease-in; /*для браузеров с webkit*/
-moz-transition: all 1s ease-in /*для FF*/
-o-transition: all 1s ease-in /*для Opera*/
transition: all 1s ease-in /*для браузеров с нормальной поддержкой свойства (всегда должен стоять последним)*/
}
#test2:hover {
opacity: 0.5;
background-color:blue !important;
}
</style>
http://jsfiddle.net/h9dGP/
Я мож не понял что надо, ибо с выражением мыслей у вас как-то не очень ))
Но может быть вам это надо - http://codepen.io/bazhenov/pen/rwEob ? Зачем вам js и координаты какие-то ))
Да то что надо:) А я то уже 2 часа на JS пытаюсь написать))) Спасибо!
Да то что надо:) А я то уже 2 часа на JS пытаюсь написать))) Спасибо!
Ну капец. При этом примере фон сменится же. Ладно - ок. ;)
Ну капец. При этом примере фон сменится же. Ладно - ок.
Что и где сменится? :)
Что и где сменится? :)
все верно. мой косяк. 🙄