2011-07-25 17 views
5

Estoy tratando de hacer un periódico impreso que se genere fácilmente desde mi sitio de WordPress. Estoy tratando de diseñar la plantilla de impresión para ello, pero para controlar páginas específicas, necesito usar la regla @page.¿Por qué no están funcionando las reglas CSS3 @page?

leí this tutorial, lo que sugiere métodos como:

@page :left { 
    @top-left { 
    content: "Cascading Style Sheets"; 
    } 
} 

Pero cuando intento esto en Firefox 5 (y Chrome 14) de vista preliminar o imprimir, no se imprime nada en la parte superior izquierda. De hecho, parece que no puedo hacer nada dentro de la regla @page.

¿Lo estoy haciendo mal o es una característica de CSS3 que simplemente no se ha implementado todavía?

+0

La versión de CSS2 de '@ page' está parcialmente implementada, por lo que no me sorprendería si los proveedores de navegadores aún no han hecho mucho acerca de la versión de CSS3. – BoltClock

+0

Véase también https://developer.mozilla.org/en/CSS/@page –

Respuesta

6

Justo después del prefacio, los estados del tutorial:

navegadores Web son buenos para hacer frente con los píxeles en una pantalla, pero no es muy bueno en la impresión. Para imprimir un libro completo pasamos al Prince, un procesador por lotes dedicado que convierte XML a PDF a través de CSS. Prince admite las características específicas de impresión de CSS2, así como la funcionalidad propuesta para CSS3.

Por lo tanto, en primer lugar, el código de la guía de aprendizaje no se debe usar con la función de impresión de un navegador.

En cualquier caso, como dije en mi comentario, no contaría con ningún navegador que implemente esto todavía. Todo el mundo está loco por las cosas que suceden en la pantalla, como las animaciones en este momento.

+0

Claro que sí. Simplemente no se implementa en el presente. –

+0

@Chris Morgan: el código en el tutorial de todos modos. Editado – BoltClock

Cuestiones relacionadas