html - IE7 自动为内联 CSS 添加透明度

Question

我有一个透明的 PNG。 IE7，在它所有的荣耀中，采用了我的内联 CSS 并修改它以在其中包含“背景颜色:透明”。这是有问题的，因为 CSS 行弄乱了 PNG 图像下方的表格颜色。

这是我告诉 IE 渲染的内容:

<td style="white-space: no-wrap; margin: 0; padding: 0; background: url('FOO.PNG') left top repeat-y;"> ... </td>

这是我在使用 IE 的开发者工具 (F12) 时得到的结果:

<td style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-image: url("FOO.PNG"); background-attachment: scroll; background-repeat: repeat-y; background-position-x: left; background-position-y: top; background-color: transparent;"> ... </td>

如您所见，幕后发生了一些神奇的事情。我假设 IE7 读取 png 文件并确定它具有透明度。一旦这样做，它就会专门添加内联 CSS。罪魁祸首是“背景颜色:透明度”。如果我在开发人员工具中禁用它，一切正常。

有人遇到过这个吗？

Answer 1

奇怪 - 尝试用老式的方式指定背景(即不是速记)

<td style="padding: 0px;margin: 0px;background-image: url("FOO.PNG");background-repeat: repeat-y; background-position: left top;"> ... </td>

我希望 IE 在这种情况下不会添加额外的内联样式(除了拆分简写 margin 和 padding 之外)。

必须承认我很惊讶 background-color: transparent 导致了一个问题。另外 - 为什么要使用内联样式？