Изменение цвета фона прозрачных изображений PNG, загруженных в блоггер

У меня есть блог, размещенный в Blogger с пользовательским шаблоном: http://www.drugchannels.net/.

Изображения, загружаемые в блог, размещаются на сайте X.bp.blogspot.com (где X — число). Примеры:

://4.bp.blogspot.com/-O4S9ps4u67k/Wk0yhTEuV-I/AAAAAAAASUE/5tPedr-p7_4kedNYU4RY711l6K3maokiQCLcBGAs/s1600/DCI-Copay_Accumulator-03Jan2018-CORRECTED.png

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

Используя параметр «Проверить» в Chrome, я вижу следующую информацию

The body formatting (background: #0e0e0e;) does NOT appear anywhere on my blog or in my template.

Как я могу исправить?

Благодарю вас!

P.S. У меня есть 10-летние посты с изображениями, поэтому мне нужно глобальное решение, которое меняет фон на белый для всех изображений, размещенных в блоге.


image png blogger blogspot
person Adam J. Fein    schedule 06.04.2018    source источник
comment
Если вы хотите изменить фактические изображения вот простое решение.   -  person TaW    schedule 06.04.2018

Ответы (2)


arrow_upward
0
arrow_downward

Оберните изображение в div и установите цвет фона этого div с помощью css. Это должно работать

.divclass:активный {фон:#FFFFFF}

Если вы открываете изображения в новой вкладке или окне, единственным вариантом является самостоятельное изменение фона изображений с помощью фоторедактора. Если вы просто пытаетесь предоставить пользователю полноразмерный вид изображения, когда они щелкают по нему, вы можете использовать javascript/jquery и иметь полноразмерный div с фоном и всплывающее изображение в полноэкранном режиме, не отправляя их на связанный изображение. Вероятно, существует довольно много плагинов jquery, которые сделают это с минимальными знаниями в области кодирования, просто погуглите.

person Riley Bell    schedule 08.04.2018

arrow_upward
0
arrow_downward

Спасибо, Райли.

Я не могу вернуться и отредактировать сотни изображений, поэтому опция редактирования фотографий не будет работать.

Но, основываясь на вашем предложении, я использовал следующее решение: 1) Включил «Показывать изображения с помощью лайтбокса» в блоггере 2) Добавлен CSS с этой страницы (http://www.howbloggerz.com/2016/05/как-настроить-blogger-lightbox.html) с нет фонового изображения и установлен белый цвет фона (#ffffff).

Недостатком является то, что диаграммы/изображения теперь появляются на той же странице, а не открываются в новой вкладке.

Благодарю вас!

person Adam J. Fein    schedule 10.04.2018