有没有办法在图像中为网页制作透明的特定颜色（白色）？

Question

我希望能够接受具有此代码的厌恶签名王国：

<a href="http://www.kingdomofloathing.com"><img src="http://sigs.kingdomofloathing.com/player_2192849/mode_bigsig/l1_clan/l2_clantitle/s1_level/s2_class/playerfeed_2192849_bigsig.gif" border="0" /></a>

我想拍摄图像的白色背景并使其透明。我不能在图像编辑器中执行此操作的原因是因为这些签名会根据您在游戏中的操作每隔一段时间更新一次。

Answer 1

简单的答案是你不能用CSS和HTML 来做这件事。

使用像Frank Tudor所述的CSS（ via opacity ）为元素添加透明度将影响整个图像。

所以你有三个选择：

1. 使用Photoshop等设计软件编辑图像，删除 白色bg并将其保存为trans gif或png。
2. 利用CSS不透明度，但这会使整个对象透明。如果你对此没问题，那么这可能是最简单的解决方案。
3. 使用脚本语言。正如其他人所说，您可以技术使用某些脚本语言（如PHP）编辑图像。这将是执行此任务的最耗时/技术方式（取决于您的编码技能）。

希望这有帮助。

Answer 2

如果图像正在更新，则由您用于动态创建这些图像的任何代码决定。在创建图像时，您当然应该能够使用透明度，无论它们是如何制作的。

我建议使用PNG而不是GIF，但要么可以使用。

发布您生成签名图像的代码，有人可以帮助您更新它以使用透明背景。

Answer 3

在一种情况下有高级操作函数javascript我记得不透明度用于透明度，在大多数服务器端编程语言中你可以找到图像函数。

您面临的问题（没有图像编辑器）是透明度是图像的保存输出的参数（当涉及透明度时，某些图像类型看起来比其他图像类型更好）。

你可以试试这个......

尝试为您的IMG标记和此位代码添加ID或类。

#IDgifThing {
  opacity: 0.5;  /* 50% transparent */
}

我没有测试过，但我希望它可以帮助你，或者至少让你的思想朝着正确的方向发展。