Chrome扩展程序属性仅适用于重新加载

Question

我正在创建一个Chrome扩展程序，以便为我访问的网站提供不同的外观。

我只做了一些小改动，比如改变背景图片，背景颜色等。

我设法成功更改了背景图像并为其提供了不透明度属性，但不透明度并不总是有效。

当我重新加载页面时，它正在工作，但如果我访问网站中的页面，它就会消失。如果我刷新该页面，则再次显示。其余的属性（背景颜色）似乎没有这个问题。

以下是网站上的原始代码：

<div class="class1">
  <img src="someotherimg.jpg" />
</div>

这是我正在使用的javascript：

bg = document.getElementsByClassName("class1")[0];
bg.id = "bg-img";
bgImg = document.getElementById("bg-img").getElementsByTagName("img")[0];
bgImg.src = "imgiwant.jpg";

bgImg.style.opacity = '0.35';

另外，我面临的另一个问题是，无论何时页面加载，只要几分之一秒，看起来如果没有扩展，它会很快转向我如何设计它。有没有办法解决这个问题？

编辑：现在，当不透明度工作或不起作用时，它或多或少是随机的，无论点击链接还是刷新。 令人惊讶的是，其他属性（高度，顶部等）始终有效。

使用“run_at”：“document_start”甚至无法显示任何更改。使用“run_at”：“document_end”和“run_at”：“document_idle”给出与不使用任何内容相同的结果。

在几分之一秒内，应用旧样式，然后应用我的自定义样式。