CSS背景圖像具有出問題效果

是有問題的代碼是：CSS背景圖像具有出問題效果

/* footer */ 
#footerwrapper { 
    height: 225px; 
    background-color: #000000; 
    background-image: url('../images/footbgRight.jpg'); 
    background-position: top right; 
    background-repeat: no-repeat; 
}

該圖像示出沿底部的怪異巴，沒有理由我可以理解。如果我將它定位爲「正確」，它會在圖像的頂部和底部顯示相同的條。

任何人都可以幫我理解爲什麼酒吧顯示，以及如何處理它？

來源

2012-07-25 Matt Brand

這些條形圖在圖像中。 – Musa 2012-07-25 19:28:36

什麼瀏覽器？歌劇中看起來不錯。 – CoreyRS 2012-07-25 19:31:11

我正在用Chrome瀏覽它。酒吧不在圖像中。圖片位於這裏，你可以看到它沒有酒吧： http://www.birnamwoodgames.com/images/footer/footbgRight.jpg – 2012-07-25 19:33:25

您指定背景不重複。由於背景圖片不重複，並且比指定的高度短，因此瀏覽器會將背景的其餘部分渲染爲背景顏色，該背景顏色爲黑色。那是你看到的酒吧。

編輯：我現在看到它。 @穆薩先前的評論是正確的。它似乎是在圖像本身，而不是一個CSS的東西。

來源

2012-07-25 19:30:54

感謝您的回覆。我看到的酒吧不是黑色的。 – 2012-07-25 19:35:14

我要截圖併發布我所看到的內容。它顯示了Chrome和Firefox中的怪異欄。 – 2012-07-25 19:35:51

下面是我看到的酒吧截圖： http://www.birnamwoodgames.com/bwgError.jpg – 2012-07-25 19:38:54

它繼承了#headborder {}背景色styleNew.css宣佈第15行

你可以嘗試加入background:none;到#footerwrapper開始，但是這是不可能解決問題的，你就必須要麼重複#footerwrapper中的背景或者在#headborder中殺死背景色，您也可以嘗試添加background-color:white;至#footerwrapper

來源

2012-07-25 19:32:28

CSS背景圖像具有出問題效果

回答

相關問題