我想要有背景顏色的右上邊框圖像

所以，我有幾個位置的背景圖像和背景顏色，圖像有一個透明的邊緣，我想知道如果我可以根除背景來自圖像透明的顏色。我想要有背景顏色的右上邊框圖像

我目前得到這個Image。

並希望得到像這樣的東西Image。

P.S.對不起，只是發佈圖片作爲鏈接，但在本帖發佈時，我沒有被允許實際發佈圖片。

網頁：desertednoir.uhostfull.com

相關代碼：

#content { 
    padding: 1.5%; 
    float: left; 
    width: 73%; 
    text-align: center; 
    z-index: 1; 
    color: Silver; 
    border: 1px solid black; 
    background: url("/images/e_bl.png") no-repeat left bottom, 
    url("/images/e_tr.png") no-repeat right top, 
    url("/images/e_tc.png") no-repeat center top, 
    url("/images/e_br.png") no-repeat right bottom, 
    #3C3C3C; 
}

< DIV ID = 「內容」 >內容的東西</DIV >

來源

2012-12-03 Zbee

HTML和CSS並不孤單足以編輯圖像以添加或移除透明像素。但是，他們也不會加顏色，除非你告訴他們。只要確保你不要有一個background-color在你的元素上指定，它將保持透明。

我已將您的示例代碼放入http://jsfiddle.net/XQumV/。正如你所看到的，如果你從background規則的末尾刪除, #3C3C3C，那麼你的元素是透明的。

由於HTML中的元素固有地爲矩形，所以它們的背景色也總是矩形。不要使用background-image來獲得複雜的背景圖像，請嘗試使用border-image。詳情請參閱https://developer.mozilla.org/en-US/docs/CSS/border-image。

來源

2012-12-03 20:06:12 KatieK

我很好用JavaScript或類似的東西來解決問題。此外，我指定了背景顏色，因爲我使用的唯一圖像是20x20像素，只分配給內容元素的角落。 – Zbee

請在您的問題中發佈所有相關的HTML和CSS。 – KatieK

好的，我做了，感謝您的幫助:) – Zbee

我想要有背景顏色的右上邊框圖像

回答

相關問題