texte sur l'image d'arrière-plan dans le tableau

Question

j'ai un problème que je défini un img comme arrière-plan à une table, voir ci-dessous

 <table id ='outertable' style="background: url(courierimages/biglogo.jpg) no-repeat center;opacity:0.2;filter:alpha(opacity=20);"> 
    <tr> 
    <td> 
      <table id = 'innertable'> 
     <tr> 
       <td><input type = "text"></td> 
         </tr> 
     </table> 
    </td> 
    </tr> 
</table> 

Ici l'opacité s'applique à la table interne aussi. Mais je l'ai besoin pour la table extensible seulement. S'il vous plaît guide sur ceci, merci d'avance.

Answer 1

Définissez explicitement une couleur de fond sur votre table interne en utilisant css eg. ajouter suit à votre feuille de style

#innertable background-color:#fff 

Answer 2

L'opacité appliquée sur l'élément parent sera toujours héritée par ses enfants.

Il y a quelques hacks that works with IE, mais ce n'est pas une bonne solution ...