Hola de nuevo amigos, parece ser que utilizando el siguiente código no funciona y no se ven las imágenes en los bordes en ningún navegador:
Código:
background-image:
url(images/top_red.png) top no-repeat,
url(images/right_red.png) right repeat-y,
url(images/bottom_red.png) bottom no-repeat,
url(images/left_red.png) left repeat-y;
¿Está mal escrito algo?, ¿es necesario repetir todo con -webkit- y -moz-?
Ahora he comprobado que sí veo las imágenes utilizando tan sólo
background, pero los códigos que proponéis:
Código:
background-clip:padding-box;
-moz-background-clip:padding-box;
-webkit-background-clip:padding-box;
, tampoco surten efecto, por lo que, cuando utilizo después la etiqueta
background-color, automáticamente toda la div se ve completamente del color de fondo que he seleccionando, tapándose los bordes en el caso de utilizar tan sólo
background.
He probado también el siguiente código con una única imágen cuadrada apropiada para el efecto que pretendo:
Código:
border-top-image:url(images/borde.png) repeat;
border-right-image:url(images/borde.png) repeat;
border-bottom-image:url(images/borde.png) repeat;
border-left-image:url(images/borde.png) repeat;
-moz-border-corner-image:url(images/borde.png) repeat;
He leido varios sitios donde hablan y explican como utilizar el anterior código css, e incluso lo he probado con los respectivos -moz- y -webkit-, pero sigue sin verse nada de nada.
CSS sigue muy verde en muchos temas por lo que veo.