L'image de fond appliquée à la table est appliquée à toutes les cellules de la table

Question

J'ai donné une image d'arrière-plan de table en utilisant la propriété css background-image. Les cellules reçoivent des paramètres d'opacité afin que l'image soit affichée à travers les cellules. Dans Firefox cela fonctionne parfaitement mais dans IE toutes les cellules (TDs) montrent l'image de fond. Comment puis-je résoudre le problème dans IE. Cliquez sur le lien ci-dessous pour la page

html page here

Answer 1

J'ai obtenu la solution. J'ai ajouté "td" aux sélecteurs tr.normalRow, tr.alternativeRow, tr.selectedRow, tr.hoverRow et a également ajouté la propriété "background-image: none;". Voici le code je:

Code: 

tr.normalRow td { fond: #FFFFFF; taille de police: 11px; curseur: pointeur; filtre: alpha (opacité = 90); -moz-opacité: 0,90; opacité: 0,90; background-image: aucune; }

tr.alternativeRow td { arrière-plan: # f4f4f4; taille de police: 11px; curseur: pointeur; filtre: alpha (opacité = 90); -moz-opacité: 0,90; opacité: 0,90; background-image: aucune; }

tr.selectedRow td { arrière-plan: # fff19f; taille de police: 11px; curseur: pointeur; filtre: alpha (opacité = 90); -moz-opacité: 0,90; opacité: 0,90; background-image: aucune; }

tr.hoverRow td { arrière-plan: lightblue; taille de police: 11px; curseur: pointeur; filtre: alpha (opacité = 90); -moz-opacité: 0,90; opacité: 0,90; background-image: aucune; }

Answer 2

Toutes les cellules individuelles semblent hériter du style image d'arrière-plan de la table.

Ajouter quelque chose comme

td { background: transparent; } 

semble résoudre le problème dans IE.

Answer 3

Pourriez-vous envelopper la table dans un div?

Si oui, vous pouvez alors appliquer l'image d'arrière-plan à l'emballage div, ce qui ne devrait pas affecter la table ou ses cellules de quelque façon :)