2

下午好 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% 清晰透明？

4

3 回答 3

1

background-color:transparent应该可以工作，但它不会挖掘它下面的元素。如果它下面的元素有颜色，你会看到那个颜色。

于 2012-01-11T22:10:08.247 回答
1

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

将以下代码放入名为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]-->
于 2012-01-11T22:19:09.413 回答
0

Try putting :-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

at the top of the document (before the <HTML> tag). It fixed this problem for me (and moved a load of stuff round too! I hate IE8!).

于 2012-04-12T15:42:13.630 回答