2014-02-14 42 views
0

我有一個奇怪的錯誤,我不明白我自己。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。禁用它可以解決問題。感謝李斯特先生和傑西先生的快速評論。 :)

+0

因此,回顧一下,具有類'ad-block'和/或'top-ad'的容器中的圖像不會顯示出來,不管CSS?多麼奇怪。它可以在所有瀏覽器上執行此操作,或僅在安裝了廣告攔截器的瀏覽器上執行此操作? –

+0

是的,它看起來像一個廣告攔截器隱藏內容,因爲它已經檢測到一個包含'ad'關鍵字的類名稱的塊。最近我有一個facebook容器和ghostery chrome插件的情況。 – j3r6me

+0

哦,我的上帝。我在Firefox上測試了所有的東西,因爲我知道我的Chrome已經安裝了adblocker,但是我忘記了我在幾天之前將它添加到了Firefox。 我很遺忘。其實我很驚訝,adblocker只是一個簡單的圖像作爲廣告。 非常感謝。 :) –

回答

0

事實證明,我超級健忘我最近添加到我的測試瀏覽器的adblocker。禁用廣告攔截器,它解決了這個問題。感謝李斯特先生和傑西先生的快速評論。 :)