style - El color de fondo CSS se superpone con el borde en la celda de la tabla en IE

formato para imprimir html

Question

Tengo una tabla con dos celdas de tabla simples:

<table>
  <tr>
    <td>Test1</td>
  </tr>
  <tr>
    <td>Test2</td>
  </tr>
</table>

Y agrego el siguiente CSS a las celdas de la tabla:

td {
  border: 1px solid #000;
  background-color: #CCC;
}

Por alguna razón, cuando veo esto en IE, muestra el fondo en la parte superior del borde, si desactivo el fondo en el explorador DOM puedo ver que el borde está ahí.

Supongo que esto tiene algo que ver con un elemento padre, pero hay tantos elementos padres que no puedo pegar todo ese código aquí.

Alguien tiene una idea de lo que esto podría ser?

Answer 1

como esperaba, fue debido a una regla de posición en css: td {position: relative} No tengo idea de por qué sucede esto, pero eliminar eso lo resolvió

me llevó una eternidad para reducirlo, por eso comencé esta publicación en primer lugar, para ahorrarme tiempo. pero bien arreglado ahora :)

Answer 2

si no quieres cambiar el posicionamiento, prueba

background-clip: padding-box;