Изменить цвет изображения PNG при наведении?

Question

Я добавил эти значки http://grab.by/9HYW на свой сайт и хотел изменить цвет при наведении ... какое самое лучшее решение?

Значки представлены в формате png и при наведении курсора на синий цвет ... спасибо заранее.

Answer 1

Вы должны создать новые синие изображения с вашим редактором (тот, который вы создали первые значки), затем вы используете css hover .

Answer 2

Вы можете использовать спрайт css (возможно, самый чистый и наиболее кроссбраузерный способ), в котором у вас есть как обычное состояние, так и состояние наведения на одном изображении, и измените положение фона div при наведении. (xpixelz ссылки должны вам помочь.)

Если изображения на самом деле печатаются на странице, вы можете использовать javascript, чтобы провести изображение с состоянием наведения при наведении курсора.

Я не уверен, как они отображаются на странице, но если они находятся на сплошном цветном фоне, вы можете сделать png отрицательного пространства и поместить его в div с точной шириной и высотой изображения затем просто измените цвет фона div при наведении курсора, так как фактический логотип прозрачен, вы увидите цвет фона родительского div.

Answer 3

Если вы используете плоские иконки png, вы можете использовать jFlat плагин jqueryПомните, что он поддерживает только поддерживаемые HTML5 браузеры

Answer 4

как вы можете выбрать для спрайтов CSS http://css -tricks.com / CSS-спрайты / Google для "генератора спрайтов CSS", если вам нужен быстрый способ;)