Comment résoudre le IE 8 ligne de la table image d'arrière-plan bug

Quelqu'un peut m'aider à résoudre ce problème?
La solution ne fonctionne pas sur IE 8.

En bref - si vous appliquer une image de fond à une ligne de la table de l'arrière-plan
est appliquée à l'intérieur des cellules.

  • Que voulez-vous? la solution est d'obtenir une image d'arrière-plan à travers l'ensemble de la ligne (TR), y compris la banque TD. Si vous voulez un arrière-plan différent sur la TDs, il suffit de spécifier un (couleur et/ou de l'image)
  • comme je l'ai dit - la solution doesent travail sur IE 8. je suis à la recherche d'une solution pour IE8
  • Pour être honnête, un peu plus de détails sur ce que vous êtes en train d'essayer de réaliser serait très utile ici. Donc scunliffe posant la question "Que voulez-vous?"... Nous essayons d'aider, après tout, de sorte que le plus de détails, le mieux :o)
InformationsquelleAutor | 2009-09-27
  1. 2

    Pour obtenir une image de fond sur une ligne du tableau, qui travaille dans IE8 (également Safari et Chrome), vous devez appliquer une image d'arrière-plan pour les cellules de la table de la ligne plutôt que de la ligne de la table.

    Ainsi, par exemple, en prenant le tableau suivant:

    <table>
  <tr>
    <td class="cellFirst">First cell</td>
    <td class="cellMiddle">Middle cell</td>
    <td class="cellMiddle">Middle cell</td>
    <td class="cellLast">Last cell</td>
  </tr>
</table>

    Et en appliquant le code CSS suivant:

    td.cellFirst {
  background: url('my-image.png') 0 0 no-repeat;
}

td.cellMiddle {
  background: url('my-image.png') 50% 0 no-repeat;
}

td.cellLast {
  background: url('my-image.png') 100% 0 no-repeat;
}

    Vous donnent une 'ligne' avec une image d'arrière-plan. Le mon-image.png, qui est la ligne de fond est utilisé dans chacune des cellules.

    La seule chose que nous faisons différemment, c'est changer le fond de la position de l'image. Évidemment, pour la première cellule, nous commençons à gauche, donc 0. Pour le milieu des cellules de l'image est placée à 50%. Cela permettrait de masquer le côté gauche de l'image. Et enfin nous avons la position de l'image de la dernière cellule à 100%, ce qui commence à partir du bord droit de l'image.

    Là, nous allons, d'une image de fond sur une ligne.

    • cela fonctionne pour IE 11.
    InformationsquelleAutor Ben
  2. 1

    Bien meilleure solution est d'effectuer les opérations suivantes:
    Ajouter position:relative de la TR et de définir la background-image:none sur le TD.

    Aurait œuvres, mais dans tous les Mac Safari. Pour compenser cela, enveloppez la TR bloc dans un TBODY bloc et donner la TBODY bloc de l'arrière-plan 😉

    Oh yeah!

    InformationsquelleAutor cf_guru
  3. 0

    Ajouter "background-image:none' de td à l'intérieur qu'tr.

    • qui fonctionnera très bien sur IE7 mais pas sur IE8
    InformationsquelleAutor 3zzy
  4. 0

    Ne attribution de la "ligne" de l'image à la tableaux de, avec le fond, la position de compter sur les colonnes de taille égale? Que faire si la taille de l'image ne prend pas toute la ligne? J'ai le code CSS suivant qui fonctionne comme prévu dans FF:

    tr.selected { background: #0842C4 url(/my/background/image) repeat-y top right; }

    L'image est un dégradé et la couleur commence à #0842C4.

    Et pour rendre la tâche plus difficile, le HTML est un menu créé par le JavaScript que je n'ai pas le contrôle, la modification du tableau n'est pas une option.

    InformationsquelleAutor Steve