Question

我在一张用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>

Answer 1

尝试添加以下内容：

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

在生产网站上这不是一个非常好的主意。这表明您的css代码有问题。尝试查看css并查找导致锚标签具有不透明背景的任何内容。

Answer 2

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

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

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

2 个答案: