- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Добрый вечер! Мне нужно чтобы при направлении, на блок налаживался фон. (какбудто он выделяется).
Пока пришла идея такая:
При наведении добавлять <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 пытаюсь написать))) Спасибо!
Ну капец. При этом примере фон сменится же. Ладно - ок. ;)
Ну капец. При этом примере фон сменится же. Ладно - ок.
Что и где сменится? :)
Что и где сменится? :)
все верно. мой косяк. 🙄