【问题标题】:Change background color of transparent PNG images uploaded to blogger更改上传到博客的透明 PNG 图像的背景颜色
【发布时间】:2018-09-16 15:11:38
【问题描述】:

我有一个由 Blogger 托管的带有自定义模板的博客:http://www.drugchannels.net/

上传到博客的图片托管在 X.bp.blogspot.com(其中 X 是一个数字)。例子:

https://1.bp.blogspot.com/-Jwy2VQYRIEA/WqmwvsA07WI/AAAAAAAATA4/jWVcEts1h1Y4IXM0hD0njUhSmQ2AZPnxQCLcBGAs/s1600/Specialty_vs_Retail-2014_vs_2017.png

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

我希望在单击图像时具有白色背景。 (图片在网站本身上看起来很好。这不是博客背景的问题,它设置为纯白色。)

使用 Chrome 中的检查选项,我看到以下信息

正文格式(背景:#0e0e0e;)不会出现在我的博客或模板中的任何位置。

我该如何解决?

谢谢!

附:我有 10 年的带有图像的旧帖子,因此我需要一个全局解决方案,将发布到博客的所有图像的背景更改为白色。

【问题讨论】:

  • 如果要更改实际图像here是一个简单的解决方案。

标签: image png blogger blogspot


【解决方案1】:

将图像包装在一个 div 中,并使用 css 设置该 div 的背景颜色。应该可以的

.divclass:活动{ 背景:#FFFFFF }

如果您在新标签页或新窗口中打开图像,那么您唯一的选择就是使用照片编辑器自己更改图像的背景。如果您只是想在用户单击图像时为他们提供完整尺寸的视图,您可以使用 javascript/jquery 并有一个带背景的完整尺寸 div 和全屏弹出图像,而无需将它们发送到链接图片。可能有很多 jquery 插件可以用最少的编码知识做到这一点,只需 google 即可。

【讨论】:

    【解决方案2】:

    谢谢,莱利。

    我无法返回编辑数百张图片,因此照片编辑器选项不起作用。

    但根据您的建议,我使用了以下解决方案: 1) 在博主上启用“带灯箱的展示图片” 2) 从此页面 (http://www.howbloggerz.com/2016/05/how-to-customize-blogger-lightbox.html) 添加了 CSS,没有背景图像和背景颜色设置为白色 (#ffffff)。

    缺点是图表/图像现在会在同一页面上弹出,而不是在新标签页中打开。

    谢谢!

    【讨论】:

      猜你喜欢
      • 2012-10-22
      • 2018-02-23
      • 2023-04-10
      • 1970-01-01
      • 1970-01-01
      • 2017-06-06
      • 2016-08-15
      • 2021-07-02
      • 1970-01-01
      相关资源
      最近更新 更多