PNG perde transparência quando usado como um link

Question

Eu tenho uma imagem sobre uma mesa que tem sido estilo com CSS. Quando eu tenho a minha imagem na mesa sem a href é bom, uma vez que eu aplicar um href a transparência não está mais funcionando. Qualquer maneira de contornar isso?

Table 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%;
}

acontece no Chrome e FF, não tentei IE, mas eu espero o mesmo.

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

tente adicionar a seguinte:

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

Este não é um terrivelmente boa idéia para fazer em um local de produção. Isso indica que há algo de errado com seu código css. Tente procurar através do css e encontrar o que está causando seus marcas de âncora para ter um fundo não-transparente.

Answer 2

Se você quiser garantir que você tem PNGs transparentes, não importa como o código é, use TweakPNG.

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