我填滿了一個表格，每個單元格代表狀態：NULL，a，b，a & b。用HTML中的兩種不同顏色在兩個三角形中分割單元格表
我打算使用（background？）顏色來提供此信息。將NULL單元格設爲白色，將單元格藍色，將單元格設爲紅色，並將b單元格分成兩個三角形，一個紅色和一個藍色。我試圖讓細胞紫羅蘭（紫羅蘭色=紅色+藍色），但它不夠直觀。
此外，由於表格要大得多，並且在表格的其餘部分有各種數據，所以我不知道單元格的大小。
我試圖做一個紅色和藍色的圖像，並試圖添加它作爲背景，但它不會拉伸以適應單元格的大小。
我試圖添加圖像作爲<img src...>，但又不知道單元格的大小，它最終強加每個自己的大小，看起來很醜。
我已經谷歌搜索，看起來CSS3即將到來的可能性，有細胞背景拉伸。但是，在此期間，有什麼可以做的嗎？
我只是切換到我可以瓷磚..例如交替彩色斜條紋。
事實上，你不能拉伸圖像背景（至少不是沒有CSS3或一些JavaScript腳本）Related。
我想方格花紋圖案（2×2方塊，半藍半紅），或者是垂直或水平條紋，是最簡單的方法......但我懷疑這看起來不錯。
爲了得到你想要的效果，CSS3可能是你最好的選擇。查看CSS3漸變，您可以在背景中使用它。它們比圖像拉伸更好一點。即使IE也會使用它的過濾系統，儘管沒有版本可以做對角線，所以它必須是水平的或者垂直的。根據您的預期支持的瀏覽器，這可能會或可能不是您的重大問題。
您可能還可以在<img>標記的字段中粘貼圖像，設置低z-索引並將高度和寬度屬性設置爲100％。這應該起作用，儘管它確實增加了無關的標記並且可能更難以維護。
使td中的圖像（寬度/高度= 100％）成爲div（寬度/高度= 0）。 （div必須從0開始，所以它不會使單元變大）創建一個運行在每個單元格上的jquery，並將內部div =的大小設置爲包含td的大小。不知道你看到了多少結果，因此這對於數千個細胞來說可能是不切實際的，但你必須嘗試看看。如果您需要幫助，我可以提供幫助。
id只是切換到我可以瓷磚..例如交替彩色斜條紋 – prodigitalson
感謝對角平鋪條紋是足夠好的。發佈它作爲讓我接受它的答案。 –
發佈爲答案:-) – prodigitalson