lunes, 18 de febrero de 2013

Posicionamiento de la imagen de fondo con background-origin CSS3


background-origin es una propiedad CSS3 que permite establecer la posicion relativa de una imagen de fondo en un elemento.

Esta propiedad es compatible con  IE9+, Firefox 4+, Opera, Chrome y Safari 5+.

background-origin  -> Para todos los navegadores compatibles.
-moz-background-origin -> Para versiones más antiguas de Firefox.
-webkit-background-origin -> Para versiones de crhome y safari
-o-background-origin -> Para versiones de Opera

background-origin: padding-box | content-box | border-box  <- Sólo una de las opciones

Ejemplo de uso de background-origin ...

 
background:
origin: