Así que probablemente haya una respuesta simple a esto, pero parece que no puedo hacer que mi sombreado CSS funcione correctamente en una celda de la tabla. Tengo las siguientes reglas CSS:La sombra de la caja de inserción de CSS en la celda de la tabla está mal alineada
table {
border: 1px solid #aaa;
}
table th, td {
width: 76px;
height: 50px;
vertical-align: middle;
text-align: center;
}
tr {
border: 1px solid #aaa;
}
td.color {
-moz-box-shadow:inset 0 0 10px 0 #222;
-webkit-box-shadow:inset 0 0 10px 0 #222;
box-shadow:inset 0 0 10px 0 #222;
border: 1px solid #000;
}
td.red { ... }
td.green { ... }
Así que estoy tratando de agregar clases .color
y .red
, .green
, etc., para ciertas células con la sombra inserción a hacer que miren con sangría en la fila de tabla. Por alguna razón, la sombra del recuadro está mal alineada por 1px.
he publicado una imagen del problema aquí:
Resultando en los bordes inferior y derecho que tiene de 1 píxel de fondo que muestra a través.
¿Alguna idea? ¡Gracias!
-Nate
La imagen se ve bien, ¿está seguro de que es la correcta? – Phil
Sería útil indicar qué navegadores muestran el problema. – Sparky