html - CSS -> IE8填充背景:none child with WHITE

Question

下午好，Stackoverflow 大师们，

我希望我能向您展示此问题的确切代码，但我在安全区域工作。我可以给你举个例子。

这是我的 CSS

table tr.header{
background: url('image.jpg') 0 0 repeat-x !important;
}

table td{
background: none !important;
color: #FFF !important;
}

td.special{
background:url('image2.png'); 0 0 no-repeat transparent !important;
color: #FFF !important;
}

所有重要的原因是我试图覆盖一个系统上帝糟糕乏味的 CSS；简单的颜色，狭窄的高度，毫无生气。

这是我的通用 HTML

<table width="100%" cellspacing="0" cellpadding="0" border="0">
   <tbody>
      <tr class="header">
         <td>HEADER TITLE</td>
         <td class="special"></td>
      <tr>
         <td>TABLE CONTENT</td>
      </tr>
   </tbody>
</table>

我为 <tbody> 道歉标签，但系统自动将 <tbody>每个表中的标签。

我遇到的问题只在 IE8 中，我有一个表行类“标题”的设置图像，所有表数据都显示为无背景，但 IE8 喜欢用白色填充表数据。如果我进入开发人员工具并关闭表格数据的 CSS，我可以看到表格行的背景图像，但无论如何都不应该有任何东西...

如何在 IE8 中强制表数据(标有“特殊”的除外)100% 清晰透明？

Answer 1

How can I force the table data (except for the one labeled "special") to be 100% clear and transparent in IE8?

将以下代码放入名为 ie8.css 的外部样式表中。

table,
table td {
  background: transparent;
}

table td.special {
  background: url('image2.png'); 0 0 no-repeat transparent;
  color: #FFF;
}

然后将此代码添加到您的页面。

<!--[if IE 8]><link rel="stylesheet" href="ie8.css" /><![endif]-->