Изменить цвет фона изображения в HTML или CSS

Question

Изменить цвет фона изображения в HTML или CSS

0

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

И это то, что я вижу на сайте:

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

Поэтому в CSS должен быть какой-то метод, чтобы сделать это.?

oh_dear_i_love_coding 17 апр. 2014, в 06:52

Источник

0

пожалуйста, вы можете добавить siteurl, где вы использовали эту картинку?
Neeraj 17 апр. 2014, в 04:40
1

Какой тип файла изображения? Возможно, поместите изображение внутри div и стилизуйте фоновые атрибуты div? Не очень понятный вопрос, извините.
davidrayowens 17 апр. 2014, в 04:42
0

Вам нужно image типа .png а затем добавить #img{ background: #aaf; } в вашем css, где img - это id контейнера, такого как div в который вы поместили свое image
Vedant Terkar 17 апр. 2014, в 04:42
0

ооо ... извините за то, что не очень ясно, они использовали изображения .png, так что я думаю, что ответ @helpful's полезно к сути. Комментарии также верны, они использовали точно такой же код, который дал Vedant, спасибо за помощь, ребята
oh_dear_i_love_coding 17 апр. 2014, в 04:47

Показать ещё 2 комментария

Теги:

html

css

html5

website

2 ответа

1

Попробуй это

img {
    background-color : blue;
}

Это будет отображаться при использовании прозрачного изображения png.

Jeyarathnem Jeyachanthuru 17 апр. 2014, в 03:24

Ещё вопросы

пожалуйста, вы можете добавить siteurl, где вы использовали эту картинку?
Какой тип файла изображения? Возможно, поместите изображение внутри div и стилизуйте фоновые атрибуты div? Не очень понятный вопрос, извините.
Вам нужно image типа .png а затем добавить #img{ background: #aaf; } в вашем css, где img - это id контейнера, такого как div в который вы поместили свое image
ооо ... извините за то, что не очень ясно, они использовали изображения .png, так что я думаю, что ответ @helpful's полезно к сути. Комментарии также верны, они использовали точно такой же код, который дал Vedant, спасибо за помощь, ребята

Helpful · Accepted Answer · 2014-04-17T03-15-00.000Z

Это делается по типу изображения. Вероятно, вам понадобится PNG с прозрачностью. Если вы знакомы с фотошопом, вы просто удаляете фон (так что через него может отображаться альфа-слой), а затем сохраняйте png. Это позволит цвету фона "показывать" изображение.

Не стирайте фон ... маскируйте его.
аааа .. это было с использованием прозрачности ... я продолжал менять весь фон изображения "вручную" ... глупо я ..
Я догадывался (основываясь на его вопросе), что он не очень хорошо знаком с типами изображений / фотошопом (иначе он, вероятно, знал бы, как использовать PNG), поэтому «стирание» к прозрачности, вероятно, легче. +1 для похвалы, хотя.