Как установить цвет прозрачности изображения?

Question

Как установить цвет прозрачности изображения?

0

Имею некоторые проблемы с добавлением другого цвета к моей прозрачности. Раньше это было черное заполнение поверх изображения, поэтому, когда я наводил на него свой образ, тень открывалась. Однако, когда я пытался добавить к нему красный цвет rgba, прозрачность остается одного цвета.

    img {
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    color: rgba(255, 0, 0, 0.2);
    }

    img:hover {
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    color: rgba(255, 0, 0, 0.2);
    }

Brian Lam 03 окт. 2013, в 20:31

Источник

Теги:

html

css

transparency

rgba

1 ответ

Ещё вопросы

fiskolin · Answer 1 · 2013-10-03T16-44-00.000Z

0

Вам нужно изменить свойство color на background-color.

CSS

img {
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
background-color: rgba(255, 0, 0, 0.2);
}

img:hover {
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
background-color: rgba(255, 0, 0, 0.2) !important;
}

JSFIDDLE

fiskolin 03 окт. 2013, в 16:44

0

Пробовал, к сожалению, оттенок все еще черный.
Brian Lam 03 окт. 2013, в 18:27
0

Возможно, вы используете изображение с черным оттенком ... :) Или, возможно, вы используете box-shadow в вашем CSS . Пожалуйста, предоставьте ваше изображение.
fiskolin 03 окт. 2013, в 18:30
0

Если это не появляется на Firefox.
Brian Lam 03 окт. 2013, в 18:30
1

В любом случае, параметр color всегда устанавливает цвет шрифта.
marcias 03 окт. 2013, в 18:32
0

@FranciscoCarvalho код от w3schools
vishalkin 03 окт. 2013, в 18:32
0

Я использую Firefox. Уже протестированы в MAC OS Safari и Chrome, и это сработало ... @vishalkin Что вы имеете в виду под кодом от w3schools ?
fiskolin 03 окт. 2013, в 18:36
0

@FranciscoCarvalho / Вишалкин говорит, что прозрачность, которую я получил, была от w3schools. И он прав, а может быть, это может быть причиной проблемы?
Brian Lam 03 окт. 2013, в 18:38
0

@FranciscoCarvalho Я имею в виду код, отправленный спрашивающим (Брайаном Лэмом) из W3S. Я только что дал ссылку.
vishalkin 03 окт. 2013, в 18:39
0

@brianlam, я слишком слеп, чтобы знать. LOL В чем реальная проблема здесь? :)
fiskolin 03 окт. 2013, в 18:45
0

@ Франсиско: это все еще о прозрачности. Тень не стала красной, как должно быть с добавленным кодом rgba.
Brian Lam 03 окт. 2013, в 18:55
0

Поскольку ваш :hover selector имеет rgba(255, 0, 0, 0.2) , вам нужно изменить 0.2 на 1 . Смотри здесь
fiskolin 03 окт. 2013, в 18:59
0

Остаюсь тем же, думаю, я выложу скриншот того, что получаю, может быть, это будет понятнее.
Brian Lam 03 окт. 2013, в 19:04
0

Или ссылка, но это просто неверно с точки зрения SO. Давай, просто пытаюсь помочь.
fiskolin 03 окт. 2013, в 19:05

Показать ещё 11 комментариев