Il PNG perde trasparenza quando viene utilizzato come collegamento

Question

Ho un'immagine su un tavolo che è stata in stile CSS. Quando ho la mia immagine sul tavolo senza un href, va bene, una volta applicato un href la trasparenza non funziona più. Qualche modo per aggirare questo?

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

Succede in Chrome e FF, non ho provato IE ma mi aspetto lo stesso.

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

prova ad aggiungere quanto segue:

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

Questa non è una buona idea da fare in un sito di produzione. Questo indica che c'è qualcosa di sbagliato nel tuo codice CSS. Prova a guardare attraverso i CSS e trova qualunque cosa stia causando uno sfondo non trasparente ai tuoi tag di ancoraggio.

Answer 2

Se vuoi assicurarti di avere PNG trasparenti indipendentemente dal codice, usa TweakPNG.

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