Html 更改链接到图像的页面的背景？

所以，使用IE作为我的浏览器，我有一个简单的链接

<a href="test.jpg">Image Link</a>

是否可以更改此图像加载到的页面的背景色

我希望避免为图像创建一个全新的页面

很抱歉给你带来了困惑。我觉得很清楚。帕斯卡和古芙都是对的

从帕斯卡。。。“我知道他希望在新页面中打开图像，并且该页面具有特定的背景色”

@David Andes，你是对的，链接暗示了正在发生的事情（“我知道图像是锚本身的一部分”），这就是图像将在新页面中打开。然而，你引用的语言是不正确的

“更改此页面加载的图像的背景。”

最后，我想更改打开此图像的页面的背景色

---

因此，对于这篇文章的评论，答案确实是（1）希望通过点击“图像链接”加载的页面的背景颜色改变，这是不可能的。作为替代方案，您可以使用许多基于javascript的图像查看器中的一个，如

不，这是不可能的。如果你想影响图像的显示方式（背景色、边距等），你必须为它创建一个页面

---

如果有许多图像要以这种方式显示，则不需要为每个图像创建一个页面。您可以使用单个页面发送图像以显示为查询字符串。

当有人单击此类链接时，浏览器加载的唯一内容是图像本身，而不是任何“页面”

这意味着背景颜色取决于浏览器，您对此无能为力

如果你想在任何其他“页面”中显示你的图像，你必须对该页面进行编码——但是，如果你有多个图像，你不需要为每个图像编码不同的页面：一个通用页面，能够显示任何图像，并收到一个指示应该显示哪个图像的参数，就可以了

只是为了好玩：在firefox下，可以通过转到

about:config

，搜索

browser.display.background\u color

属性并对其进行更改来更改背景颜色

---

当然，作为一名网站管理员，您无法控制它：只有用户可以更改它，例如他的firefox。

在纯HTML中不可能做到这一点

---

现在大多数人解决这个问题的方法是使用javascript媒体查看器，例如，以实现相同的效果（因为没有人希望为每个图像创建一个页面）。

我不完全确定您的最终目标是什么，但您可以影响浏览器文档的背景色（而不是窗口）基于href设置，使用类似以下代码：

<script type="text/javascript">
 function setBackgroundColorIfAppropriate(anticipatedURL, colorToUse)
 {
   var allAnchorTags = document.getElementsByTagName("a");

   for(var i = 0; i < allAnchorTags.length; ++i)
   {
     if(allAnchorTags[i].href === anticipatedURL)
     {
       document.body.style.backgroundColor = colorToUse;
       break;
     }
   }
 }

 window.onload = function()
 {
   setBackgroundColorIfAppropriate("test.jpg", "blue");
 };
</script>

功能设置背景颜色是否合适（预期颜色、彩色）
{
var allAnchorTags=document.getElementsByTagName（“a”）；
对于（变量i=0；i

---

href属性可能与您在标记中指定的内容不完全匹配，因此，请小心并提醒锚元素href属性的内容，以查看它们是否符合预期。

+2因为所有其他Bakka一直在建议lightbox，这与OP提出的问题相去甚远。@Pascal:我一定完全误解了OP的问题。他不想根据文档的锚标记是否指向特定位置来改变文档的背景色吗？@David：我知道他希望在新页面中打开图像，并且该页面具有特定的背景色；；但实际上，也许我不太明白？@Pascal:我倾向于使用“更改此页面加载的图像的背景”这一表达方式。我知道图像本身就是锚的一部分，但语言似乎暗示他想要更改图像父页面本身的背景色。@David：我猜我们会知道的（我希望如此^^^）过些时候，当OP回到本页时；-）卡特，请重新措辞你的问题。如果你想说你（1）希望通过点击“图像链接”加载的页面的背景颜色发生变化，（2）而其他人似乎认为你希望“图像链接”是页面的一部分的页面根据其存在进行着色，那么我们在notes中进行了辩论。