HTML/CSS填充和圖像

我有下面的圖像 - 是否有可能使用HTML/CSS填充顏色（例如：三角形中的部分）？HTML/CSS填充和圖像

enter image description here

或者，我可以創建這個形狀與HTML/CSS，然後補嗎？

或者我必須使用彩色圖像嗎？

將是最好使用HTML/CSS完全或至少填充圖像..

THX

2011-12-13 Adam

如果你離開，你要填寫TRANSPARANT那麼部分你可以用一個顏色使用填充CSS。如果你想在不使用圖像的情況下創建三角形，可以使用SVG，但某些版本的IE（8或更舊版本）不支持該圖形，或者可以使用Raphael JS將其繪製在幾乎所有的瀏覽器中。

2011-12-13 10:20:16 ZippyV

HTML和CSS實際上並沒有做任何事情，它們只是標記應該呈現的東西。所以不，你不能用HTML和CSS編輯圖片，儘管它可能用JavaScript。

你可以使用HTML和CSS做的是顯示用alpha通道的圖像，並設置包含該圖像的元件上的背景顏色。背景顏色將顯示在圖像透明的位置。

2011-12-13 10:20:50

你可以...確保您的PNG的三角部分是透明的，其餘的白色......在具有相同的寬度和高度爲你的PIC一個div地方你的形象，並給該分區的背景顏色。瞧......除了透明的三角形，一切都是白色的。

祝你好運。

<div style="width:66px;height:30px;background-color:green;"> 
    <img src="yourimage" alt="" /> 
</div>

2011-12-13 10:21:44

回答