PNG perte de transparence lorsqu'il est utilisé comme un lien

Question

J'ai une image sur une table qui a été style avec CSS. Quand j'ai mon image sur la table sans href c'est bien, une fois que j'applique une href la transparence ne fonctionne plus. De toute façon autour de cela?

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

Happens dans Chrome et FF, n'ont pas essayé IE mais je pense la même chose.

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

essayer d'ajouter les éléments suivants:

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

Ce n'est pas terriblement bonne idée de faire dans un site de production. Cela indique qu'il y a un problème avec votre code CSS. Essayez de regarder à travers le css et trouvez tout ce qui fait que vos balises d'ancrage ont un fond non transparent.

Answer 2

Si vous voulez vous assurer que vous avez des fichiers PNG transparents quel que soit le code, utilisez TweakPNG.

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