網站的CSS取代了iframe樣式

Question

1. 我為adtech工作。 我們使用iframe展示廣告，但是對於一個要展示廣告的特定網站，我的iframe高度已被覆蓋。

2. 覆蓋我的CSS樣式的樣式如下：-

 #story-sec .led-content .cont-bot .right-side .news-detail-landing iframe:not(.instagram-media) { width: 100% !important; height: 200px!important; margin: 5px 0px; } 

3. 我使用JavaScript動態創建iframe。 該網站覆蓋了我的CSS。

---

var iframe = createHtmlElement("iframe");          
setAttributesForElement(iframe, { 'vspace':'0', 'hspace':'0', 'scrolling':'no', 'id':'myIframeId', 'frameborder':'0', 'marginwidth': '0', 'marginheight': '0', 'allowtransparency':'true', } );            
setStyle(iframe, {'margin':'0px', 'width':'100%', 'height':'100%', 'padding':'0px'} );

---

所以在上面的代碼中，setAttributes和setStyle是我擁有的函數，它們接受輸入並為html元素設置樣式和屬性。

4. 有沒有辦法避免我的CSS被覆蓋？ 我嘗試尋找答案，但並不太清楚。

5. 我可以為iframe設置名為instagram-media的類，以解決此問題，但廣告放置在不同的網站上，因此我可能會再次遇到相同的問題。 所以尋找一個永久的解決方案。

Answer 1

我曾經有過類似的工作經驗，因此在這種情況下，我通常會這樣做：-定位使用> css指針創建的iframe。 -是否有可能在您的樣式上設置！important標志？ -嘗試為iframe創建一個非常長的獨特類名。

Answer 2

您提到添加一個類可以解決此問題，但您擔心的是，另一個使用該類的網站又在編寫CSS時過分。

您最好的選擇也許是簡單地使用一些晦澀難懂的課程？

喜歡...

類= “YourCompany_iframeCSS_InsertADateHere_AnAlphaNumericStringHere”