找不到爲什麼這個CSS不起作用。我敢肯定，這是一個簡單的錯誤

我試圖帶走從側邊欄圖像後面出現的白色邊框。我無法弄清楚是什麼導致白色邊框。我認爲這是填充，然後我認爲這是邊界。如果您訪問我們的主頁（http://noahsdad.com/）並在「新常態」圖片下看到側欄，您將看到「Reece's Rainbow」圖片。我試圖去除圖像周圍的白色。我粘貼了下面的代碼，但它沒有做任何事情。任何想法，我做錯了什麼？找不到爲什麼這個CSS不起作用。我敢肯定，這是一個簡單的錯誤

謝謝。

#text-23 { background: none}

來源

2012-03-02 Rick Smith

它不工作的原因是背景：無從未獲得到具有背景上設置的IMG（背景都不會向下他們中的元素存在，你可以有多個元素分層上彼此的頂部就像一幅畫。其中有背景級聯效應）

#text-23 img { background: none; }

應該可以解決你的問題。我假設，當你打電話給班級textwidget你仍然希望它附加白色背景，而不是這個實例。因此，如果您設置了上述內容，則它將以正確的特性正確級聯，同時保留單獨的頁面的其餘部分。

這也可以通過

#text-23 .textwidget img { background: none; }

做，但不是必需的特異性的那個級別。不過，如果你嘗試只是做：

.textwidget img { background: none; }

這將覆蓋所有在背景中textwidget容器中的圖像上設定的實例。

來源

2012-03-02 21:08:59 CBRRacer

非常感謝！我無法弄清楚發生了什麼事。我在學習CSS，所以我很感激你花時間解釋發生了什麼。我試圖找出什麼是壓倒背景：沒有。當我瀏覽我的CSS時，我看到的只有背景是）div.social_icon img {background：none;}那不會這樣做，是嗎？ – 2012-03-02 21:39:39

@RickSmith實際上你設置的背景是：容器上沒有任何東西，但容器沒有背景，並且你沒有將背景設置爲繼承，所以當你在容器上將背景設置爲none時，它從未級聯。所以它不會被覆蓋。我更新了我的答案以反映這一點。 – CBRRacer 2012-03-02 21:46:47

非常感謝您花時間來解釋這一點。很有幫助。 :) – 2012-03-03 08:05:46

你必須通過設置在style.css 884線以下自行添加的白色邊框：

.textwidget img { 
    background: #fff; 
    padding: 5px; 
    max-width: 290px; 
}

只需去除背景聲明。如果您只想刪除此白色邊框的實例，請添加以下規則：

#text-23 .textwidget img { 
    background: none; 
}

來源

2012-03-02 21:10:42 phihag

這似乎是衝突的CSS類。

.textwidget img { 
    background: white; 
    padding: 5px; 
    max-width: 290px; 
}

如果你想調試CSS，你真的應該考慮Firebug（適用於Firefox插件）或Opera並使用內置蜻蜓這允許你右擊你的HTML頁面上，並檢查它。

來源

2012-03-02 21:11:05

轉到您的style.css文件並搜索.textwidget img並將background-color屬性更改爲none。它目前設置爲#FFFFFF這是白色的十六進制顏色代碼，並導致白色邊框或背景（精確地）。

.textwidget img { 
    background-color: none; 
}

來源

2012-03-02 21:13:56

我不介意它在某些事情上（比如上面那張圖片）我只是不喜歡它在那個圖像上。我很好奇，爲什麼不在第一個圖像上彈出白色邊框？ – 2012-03-02 21:40:42

找不到爲什麼這個CSS不起作用。我敢肯定，這是一個簡單的錯誤

回答

相關問題