黃色矩形部分地模糊在移動

AdSense廣告在我的網站，當我展示在移動廣告，我得到一個奇怪的黃色矩形模糊我的谷歌的AdSense的右側：黃色矩形部分地模糊在移動

這是我的在黃色空間中擁有搖擺不定的問號，並且我填充了背景以使其更加突出。

我已經通過Chrome開發人員工具窗口查看了樣式，但在風格層次結構中找不到任何設置爲黃色的任何內容，並且我主要使用WordPress提供的主題中的標準minileven。什麼可能導致這個？我如何糾正CSS擺脫這一點？廣告在桌面版本上看起來很好，只有移動版。

典型的頁面是this one。

來源

2017-04-18 Ken Y-N

我在這個問題的另一個仔細一看，出於某種原因或其他there is a rule like this：

embed, iframe, object { 
    width: auto; 
}

出於某種原因，我不能工作了，這推翻了明確<iframe width="320"，因此通過試錯我發現，添加這對我的自定義CSS：

.mobile-theme .adsbygoogle iframe { 
    width: inherit; 
}

推翻了width: auto;，我現在已經不再讓我的黃色邊框。在底部的鏈接部件中仍然有一個醜陋的黃色邊框，但至少不會遮擋任何東西，所以現在我會忽略它...

來源

2017-04-19 16:12:07

嗯好找。如果iframe顯示邊框，則應該通過向嵌入對象調用iframe添加'border：0 none;'來消除邊框。 [這裏看到這篇文章]（http://stackoverflow.com/questions/27942526/how-to-get-rid-of-the-annoying-iframe-borders）海事組織可能值得與廣告公司談論這件事。看起來很奇怪，這些都是首先顯示的。 – crazymatt

查看您的網站並查看廣告我確實看到了一些額外的間距（我查看的那個與屏幕截圖中的不同）當我查看DOM時，這是導致額外間距的代碼：

<td class="rh000c"> 
    <div class="rh-box-empty rh000"></div> 
</td>

下面是相關的CSS：

.rh000c { 
    height: 102px; 
    padding: 0; 
    width: 2px; 
} 

.rh000 { 
    background-color: #ffffff; 
    display: inline-block; 
    height: 102px; 
    overflow: hidden; 
    padding: 0; 
    width: 2px; 
}

出於某種原因，該廣告是通過這個代碼到其iframe，所以我不認爲有什麼可以做，將其刪除。（好吧，可能會有方法刪除此代碼，但如果您違反了與廣告代理商的服務協議）

如果我是您，我會聯繫您正在使用的廣告公司（您似乎正在使用Google廣告），並直接向他們詢問這個問題。希望有所幫助。

來源

2017-04-18 17:20:22 crazymatt

哦，我明白了。但似乎奇怪的是，Google會一直爲我提供CSS的服務;我不能說我在任何其他網站上都注意到了這種影響。 –

黃色矩形部分地模糊在移動

回答

相關問題