阻止<img/>标记从未知来源继承css样式

时间:2012-11-06 21:14:12

标签: css magento image inheritance

有没有办法绝对强制内联html或php不继承?否则,我可能需要协助跟踪内联代码的添加方式

我正在尝试使用以下代码将shareasale跟踪代码添加到Magento成功页面:

<img src="https://shareasale.com/sale.cfm?tracking=<?php echo $this->getOrderId() ?>&amount=<?php echo $_sub ?>&transtype=sale&merchantID=XXXX" width="1" height="1">

但是,在翻页时,我的模板正在将其转换为:

<img width="0" height="0" style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 1px 1px;" src="https://shareasale.com/sale.cfm?tracking=<<correct number>>&amp;amount=<<correct number>>&amp;transtype=sale&amp;merchantID=<<correct number>>">

即:

  • 将内联宽度和高度从1更改为
  • 插入display:none,visibility:hidden - 阻止代码工作

基于chrome的元素检查器,这些是element.styles而不是工作表的一部分,但我不知道如何将它们添加到该图像标记


我试图在php echo和outside之外强制使用上面的img代码,并尝试添加style =“display:inline!important;”但没有区别。我也搜索了'display:none!重要'在所有css,js(javascript)和模板文件夹中尝试识别源并且不能


提前感谢任何提示和帮助

2 个答案:

答案 0 :(得分:2)

归功于joequincy:也可能,你有某种类似AdBlock的扩展吗?像这样的大多数跟踪系统都是通过这种扩展以各种方式进行攻击,故意打破它们。 - joequincy

即关闭adblock工作

答案 1 :(得分:0)

如果你有多个Javascript都与同一个标签交互,那么很难找到负责特定更改的脚本。幸运的是,Chrome和Firebug都有工具允许您在任何修改了给定标记或子树上的属性(例如样式)的Javascript代码行上暂停脚本执行。我可以提供的最佳建议是在Chrome中加载页面,然后打开检查器。右键单击您感兴趣的img标签,选择Break on Modification,然后刷新页面并查看断点发生的位置。