Question

为了与谷歌进行一些电子邮件跟踪，我需要设置背景图像＆＃39;包含我想要跟踪的元素的事件数据。

执行此操作会将白色背景应用于该元素内的任何文本。

我已经尝试了

.css('background','inherit 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/

背景图象覆盖背景颜色

1 个答案: