我有一個奇怪的錯誤,我不明白我自己。img標籤圖標記與類不起作用
我有一個數字標記(與div標籤還測試)內部的圖像標籤,但是當我添加類於圖標籤,則圖像不顯示。它確實顯示我是否不添加類。
我在編譯器中使用LESS,所以它會自動編譯爲css。
HTML該部分:
<div class="span9 clearfix">
<figure class="ad-block fr top-ad">
<a href=""><img src="http://lorempixel.com/468/60" alt="Ad" /></a>
</figure>
</div> <!-- end span9 -->
CSS這些標籤:
.ad-block {
.box-shadow(0px, 0px, 5px, @border-color);
img {
display: block;
}
}
.top-ad {
margin-bottom: 3px;
}
.fr { float: right; }
figure {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
圖片顯示錯誤:
隨着標籤
http://www.bildites.lv/images/2rzac0wyi01ekhhvn7b.png
沒有標籤
http://www.bildites.lv/images/aq3agebpc7a5o3efltc.png
我試着只用一個類來測試的東西。工作的唯一類是fr(float:right;) 奇怪的是,即使我只留下廣告塊或頂級廣告類,並註釋掉該類的所有CSS樣式,圖像仍然不出現。 我無法解決這個問題。任何幫助,將不勝感激。
我正在使用localhost,xampp,如果這改變了一些東西。
編輯:原來,我超級健忘關於我最近添加到我的測試瀏覽器的adblocker。禁用它可以解決問題。感謝李斯特先生和傑西先生的快速評論。 :)
因此,回顧一下,具有類'ad-block'和/或'top-ad'的容器中的圖像不會顯示出來,不管CSS?多麼奇怪。它可以在所有瀏覽器上執行此操作,或僅在安裝了廣告攔截器的瀏覽器上執行此操作? –
是的,它看起來像一個廣告攔截器隱藏內容,因爲它已經檢測到一個包含'ad'關鍵字的類名稱的塊。最近我有一個facebook容器和ghostery chrome插件的情況。 – j3r6me
哦,我的上帝。我在Firefox上測試了所有的東西,因爲我知道我的Chrome已經安裝了adblocker,但是我忘記了我在幾天之前將它添加到了Firefox。 我很遺忘。其實我很驚訝,adblocker只是一個簡單的圖像作爲廣告。 非常感謝。 :) –