我可以使用CSS在同一元素上设置两个背景图像吗？

Question

示例HTML代码:

<table>
<tr>
 <td class="a b">

示例CSS文件:

.a
{
  background-image:url(a.png);
}

.b
{
  background-image:url(b.png);
}

似乎忽略了"b"部分.

有没有办法在同一个单元格中包含两个图像,甚至使用其他技术？

Answer 1

现在你可以用CSS3了.http://www.zenelements.com/blog/css3-background-images/

#my_CSS3_id {
background: url(image_1.extention) top left no-repeat,
url(image_2.extention) bottom left no-repeat,
url(image_3.extention) bottom right no-repeat;
}

Answer 2

你可以这样做:

<td class="a"><div class="b">...</div></td>

然后td将有第一个背景,div内部将有第二个背景.如果一个是透明的,另一个将透露.我认为b.png会在最前面,但我不确定.