2010-04-08 12 views
6

Tengo una imagen de fondo para un encabezado de sitio con ancho fijo. Ahora estoy tratando de convertirlo en un diseño de estiramiento.CSS: ¿Es posible usar solo una parte de una imagen como relleno de fondo?

¿Es posible (en CSS2) tomar una porción ancha de 1px desde el medio de esa imagen de encabezado y hacer un relleno de ella? De lo contrario, necesitaría cortar manualmente 1px de una imagen, guardarla como una imagen separada y usarla con repeat-x.

+0

simplemente curioso. ¿Por qué no puedes cortar el pixel? ¿Enviarás una imagen completa al cliente solo para usar 1px? –

+0

No estoy seguro de lo que está preguntando, pero todo lo que intento hacer es evitar trabajo adicional :) – serg

+0

It * is * possible, pero no le gustaría hacerlo: p Puede llenar horizontalmente el área con 1px wide divs con la imagen de fondo configurada en dicha imagen con la posición de fondo derecha. * patos * –

Respuesta

3

El uso de CSS solo no puede hacer esto. Entonces, su solución propuesta es la que usaría.

2

No. CSS 2 no tiene esa capacidad.

1

No en CSS2, pero en CSS3 se puede con la propiedad border-image.

Sin embargo, la compatibilidad con el navegador todavía no está allí. Solo los últimos lanzamientos lo tienen y no IE todavía.

Cuestiones relacionadas