2016-02-04 45 views
3

我有一個使用Bootstrap框架的網站。
不幸的是一些div的類不顯示在Chrome(only)&我不明白爲什麼。Chrome不顯示div

Bootstrap位於另一個PHP框架 - 我沒有創建這個原始代碼;但我可以很容易地修改它。
隱藏的divs 在DOM中呈現(我可以檢查它們)。
我已經搜索了所有對隱藏div類的引用(col-ad)&它們都是精美的&世俗的CSS沒有明顯的東西,可以使div隱藏。沒有JavaScript參考。

如果我在div中顯示的DOM中重命名類(例如Xcol-ad)。

當我檢查DIV我得到如下:

enter image description here

這是我能找到的唯一的事情可能是罪魁禍首。不幸的是,在我的任何代碼中找不到對此的引用。

已嘗試修改DOM(display:block!important),但沒有成功。

當我點擊<style>標籤時,它(我認爲)指向了一個叫做#shadow-root(open)的東西,在這一點上我迷路了。我搜索了關於這方面的信息,但沒有成功(我不是100%確定這是問題) - 已經改變了Chrome(Show user agent shadow DOM)中的設置而沒有成功。

這感覺就像我的造型已被接管&我不知道在哪裏。

編輯:link to demo site where I got script - 只是試圖尋找在現場與browsershots工具&廣告甚至出現在Chrome,所以可能是我的版本

+0

請添加一些代碼 –

+0

並且還有一個指向有問題的網站的鏈接如果可能的話 –

+0

我不確定我可以給你什麼代碼 - div有點無聊',.media的引用沒有像.col-ad那麼多......這可能有助於[鏈接到演示網站](http://classified.flippyscripts。COM /全最近-1.HTML);在我的Chrome版本中,廣告列表未顯示。但其他版本的Chrome他們似乎沒問題。 – boomshanka

回答

3

這顯然是某種廣告攔截擴展,即插入了自己的風格(?)規則來阻止/隱藏元素 - 查看該選擇器中使用的標識符應該是非常明顯的。

編輯:進一步解釋,從評論]

的選擇包含所有可以想象的組合「廣告」,再加上「廣告」,「廣告」,「贊助商」顯示爲好。這是一種典型的「殺死所有人(至少最明顯的)」一個廣告攔截器的嘗試 - 而且這通常會導致附帶損害。

那裏您還可以看到.ads_320_100,它是針對特定的典型橫幅尺寸;一些阻擋者甚至會刪除所有名稱中指定的「尺寸」的圖片,用於某些「廣告典型」圖片尺寸。 (儘管它使服務器端管理不同的圖像尺寸更容易,但我建議遠離這種命名方案 - 因爲這個確切原因。)

+0

Bang。就是這樣...... AdBlocker。我無處不在,但在我面前。你的意思是非常明顯的,因爲在「廣告」這個詞或其他什麼的流行? – boomshanka

+2

是啊,這就是我所說的 - 所有可以想象的組合中的「廣告」,再加上「廣告」,「橫幅」,「贊助商」。這是一種典型的「殺死所有人(至少最明顯的)」一個廣告攔截器的嘗試 - 而且這通常會導致附帶損害。 (你可以在這裏看到'.ads_320_100' - 一些攔截器甚至可以刪除所有名稱中指定的「尺寸」的圖像,對於某些「特定廣告」的圖像尺寸。儘管它使服務器端管理不同的圖像尺寸更容易,我建議遠離這種命名方案 - 正是因爲這個原因。) – CBroe

+0

@MrLister:完成。 – CBroe