tachar div en diagonal con css

[Ruben_JD]

un ejemplo rapido, crear una imagen png con transparecias para efecto tachar; si tu codigo de precios fuera asi:

html:
<strong>Precio nuevo</strong><br />
<strong class="tache">Precio anterior</strong>

css:
.tache{
background: url(imagen_tache) no-repeat center center;
width: 50px;
height: 50px;
}

tu imagen debera ser porprocional en alto y ancho para que siempre quede centrada en este caso a la longuitud del precio.

es bueno también reducir la intencidad del color para que el cliente note la direcencia de la oferta en este caso por ejemplo si tienes texto de color blanco en fondo negro, asignar plateado a precio anterior.

Suerte.