阻止<img>從繼承未知來源的CSS樣式標記

有沒有辦法強制內聯HTML或PHP不繼承？否則，我可能需要援助，跟蹤代碼如何被行內添加阻止<img>從繼承未知來源的CSS樣式標記

我想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>>">

即：

改變inlin e×寬度和高度從1到0
插入顯示：無，能見度：隱藏 - 這防止代碼基於鉻的檢查員元件工作

，這些都是在片材的element.styles而不是一部分，但我不知道他們是如何獲取添加到該圖像標籤

我試圖一個PHP回聲和外內強制上面的IMG代碼，也儘量添加樣式=「顯示：內聯！重要;」但沒有區別。我也grep搜索'顯示：沒有！重要」的所有CSS，JS（JavaScript的）和模板文件夾，試圖查明來源，並提前任何提示不能

感謝，並幫助

來源

2012-11-06 barrmulio

那麼你將無法覆蓋具有內嵌的CSS標籤的重要與父母的CSS片！所以你最好弄清楚樣式是在哪裏添加的 – Horen

你有沒有試過禁用JS來查看這是不是罪魁禍首？你可以試試這個技巧，但是如果你能找到問題的根源，會更好：http://css-tricks.com/override-inline-styles-with-css/ – cimmanon

也有可能，你有沒有某種類似AdBlock的擴展？像這樣的大多數跟蹤系統都是通過這種擴展以各種方式進行管理的，並且故意打破它們。 – joequincy

對joequincy的評價：也有可能，你有某種類似AdBlock的擴展？像這樣的大多數跟蹤系統都是通過這種擴展以各種方式進行管理的，並且故意打破它們。 - joequincy

即關閉Adblock的工作

來源

2012-11-09 23:49:29 barrmulio

如果您擁有的Javascript多個peices所有交互使用相同的標記，可能會很難追查負責特定更改的腳本。幸運的是，Chrome和Firebug都提供了一些工具，可讓您在任何修改給定標記或子樹上的屬性（例如樣式）的任何Javascript代碼上暫停腳本執行。我可以提供的最佳建議是在Chrome中加載頁面，並打開檢查器。右鍵點擊你感興趣的img標籤並選擇Break on Modification，然後刷新頁面並查看斷點的位置。

來源

2012-11-06 22:00:36

阻止<img>從繼承未知來源的CSS樣式標記

回答

相關問題