PNG用作链接时会失去透明度答案

【问题标题】：PNG losses transparency when used as a linkPNG用作链接时会失去透明度
【发布时间】：2010-12-10 01:19:27
【问题描述】：

我在一张表格上有一张图片，这张图片是用 CSS 设计的。当我在没有href 的情况下将图像放在桌子上时很好，一旦应用href，透明度就不再起作用。有什么办法吗？

表格CSS

table.list_data {
background-color:#F3F3F3;
border:1px outset #A1A1A1;
border-collapse:collapse;
border-spacing:2px;
font-family:'MS Shell Dlg';
font-size:13px;
font-style:normal;
font-variant:normal; 
font-weight:normal;
width:100%;
}

发生在 Chrome 和 FF 中，还没有尝试过 IE，但我期望相同。

html.....

<td><a href="javascript:loadContent('#action','addjob.php?id=31');"><img alt="Add A job" src="images/add.png"/></a></td></tr><tr><td>joe bloggs</td>

【问题讨论】：

哪些浏览器？示例 HTML 和 CSS？

标签： css png transparency href

【解决方案1】：

尝试添加以下内容：

a{
  background: transparent !important;
}
a img{
  background: transparent !important;
}

在生产站点中这样做不是一个非常好的主意。这表明您的 css 代码有问题。尝试查看 css 并找出导致您的锚标签具有不透明背景的原因。

【讨论】：

它在我看来也好像有一个被遗忘的继承 CSS 规则。 @jason：你有萤火虫吗？您能否在“HTML”/样式选项卡中验证 a 和 img 都没有设置背景颜色？

【解决方案2】：

如果您想确保无论代码如何都具有透明的 PNG，请使用 TweakPNG。

http://entropymine.com/jason/tweakpng/

【讨论】：