应用于表格的背景图像将应用于表格中的所有单元格

时间:2009-08-19 06:08:53

标签: css

我使用css background-image属性给出了表背景图像。给予单元格不透明度设置,以便通过单元格显示图像。在Firefox中,它可以很好地工作,但在IE中,所有单元格(TD)都显示背景图像。我如何解决IE中的问题。单击下面的链接以获取页面

html page here

3 个答案:

答案 0 :(得分:2)

所有单个单元格似乎都从表中继承了背景图像样式。

添加类似

的内容
td { background: transparent; }

似乎解决了IE中的问题。

答案 1 :(得分:0)

我得到了解决方案。我已将“td”添加到选择器 tr.normalRow,tr.alternativeRow,tr.selectedRow,tr.hoverRow ,并添加了属性“background-image:none;”。这是我使用的代码:

Code:

tr.normalRow td {     背景:#FFFFFF;     font-size:11px;     游标:指针;     filter:alpha(opacity = 90);     -moz-opacity:.90;     不透明度:.90;     background-image:none; }

tr.alternativeRow td {     背景:#f4f4f4;     font-size:11px;     游标:指针;     filter:alpha(opacity = 90);     -moz-opacity:.90;     不透明度:.90;     background-image:none; }

tr.selectedRow td {     背景:#fffff;     font-size:11px;     游标:指针;     filter:alpha(opacity = 90);     -moz-opacity:.90;     不透明度:.90;     background-image:none; }

tr.hoverRow td {     背景:浅蓝色;     font-size:11px;     游标:指针;     filter:alpha(opacity = 90);     -moz-opacity:.90;     不透明度:.90;     background-image:none; }

答案 2 :(得分:-1)

你能把表格包裹在div中吗?

如果是这样,那么您可以将背景图像应用于div包装器,它不应以任何方式影响表或其单元格:)