jquery - 背景图像覆盖背景颜色

Question

为了使用 google 进行一些电子邮件跟踪，我需要设置一个背景“图像”，其中包含我要跟踪的元素的事件数据。

这样做会将白色背景应用于该元素内的任何文本。

我试过了

.css('背景','继承 url(...)');

.css({'background-image':'url(...)','background-color': inherit);

.style.backgroundImage="url(...)"; & .style.backgroundColor="inherit";

• 如果我设置一个不同的图像，它一切正常，但它没有意义问题是图像，因为在 JS 之前我手动完成所有事情并且它工作正常
• 在运行脚本设置图像并尝试手动设置颜色后，要么没有任何反应，要么如果从检查面板完成，属性在设置后立即消失

运行我的完整 JS 代码，您会看到颜色已设置，然后被图像覆盖。

      function autoTag(element, category, action, campaign, medium, source) {
        var elem = $(element);

        var clientId = Math.round(2147483647 * Math.random()); //replace with LM UUID
        var UAcode = 'tid=UA-XXXXXXXX-X';

        for (i = 0; i < elem.length; i++) {
          var label = elem[i].getAttribute("href");
          $(elem[i]).css('background','inherit url(http://www.google-analytics.com/collect?v=1&tid='+UAcode+'&cid='+clientId+'&t=event&ea='+action+'&ec='+category+'&el='+label+'&cs='+source+'&cm='+medium+'&cn='+campaign+')');
        }

      }

      //Call function
      autoTag('a', 'testCat', 'testLink', 'testCamp', 'testMed', 'testSRC');

Answer 1

使用伪元素给背景着色:

https://css-tricks.com/tinted-images-multiple-backgrounds/