Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/07/2013, 15:07
angieyalver
 
Fecha de Ingreso: enero-2013
Mensajes: 87
Antigüedad: 11 años, 4 meses
Puntos: 0
problemas al crear pdf

Hola tengo el siguiente html para crear el pdf pero tengo un problema
este es el html y el php donde lo genero
Código PHP:
Ver original
  1. <?php ob_start();?>
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin título</title>
  5. <style type="text/css">
  6. .banner-principal{
  7.     background:url(Banner3.jpg)no-repeat center;
  8.     background-size:400px 300px;
  9.     top:182px;
  10.     width:700px;
  11.     height:400px;
  12.     position:absolute;
  13.     left: 7px;
  14. }
  15. .pricipal{
  16.     top:103px;
  17.     text-align:center;
  18.     position:absolute;
  19.     left: 30px;
  20.     width: 617px;
  21. }
  22. .banner1{
  23.     background:url(Banner1.jpg)no-repeat center;
  24.     background-size:600px 110px;
  25.     position:absolute;
  26.     top:-171px;
  27.     left: 3px;
  28.     width: 700px;
  29.     height:170px;
  30. }
  31. .usuario{
  32.     position:absolute;
  33.     left: 258px;
  34.     top: 80px;
  35.     width: 472px;
  36.     color:#FFFFFF;
  37.     font-size:24px;
  38.     font-family:Arial, Helvetica, sans-serif;
  39.     height: 88px;
  40. }
  41. .pie-pagina{
  42.     background:url(Banner2.jpg)no-repeat;
  43.     background-size:600px 30px;
  44.     position:absolute;
  45.     top:408px;
  46.     left: 21px;
  47.     width: 600px;
  48.     height:40px;
  49. }
  50. </head>
  51.  
  52. <div class="banner-principal">
  53. <div class="banner1">
  54. <div class="usuario">Nombre Usuario:
  55. <?php print "<br>";?>Cargo</div>
  56. </div>
  57. <div class="pricipal">
  58. <img src="Banner2.jpg" width="500px" height="30px" />
  59. Podemos aplicar transparencia a las imágenes de esta forma. Firefox usa la propiedad opacity:x para la transparencia, mientras que IE usa filter:alpha(opacity=x). La sintáxis CSS3 para la transparencia es opacity:x.
  60. No hay que olvidar que:
  61. En Firefox (opacity:x) x puede tener un valor desde 0.0 hasta 1.0. Un valor más bajo hará el elemento más transparente.
  62. En IE (Internet Explorer) sería así: (filter:alpha(opacity=x)) x puede ser un valor de 0 a 100. Un valor más bajo hará el elemento más transparente.
  63. - See more at: http://www.cssblog.es/ejemplos-con-la-transparencia-css/#sthash.4pkKHWkZ.dpuf</div>
  64. <div class="pie-pagina"></div>
  65. </div>
  66. </body>
  67. </html>

Código PHP:
Ver original
  1. require_once("dompdf/dompdf_config.inc.php");
  2. $dompdf = new DOMPDF();
  3. $dompdf->load_html(ob_get_clean());
  4. $dompdf->render();
  5. $pdf = $dompdf->output();
  6. $filename = date("d-m-Y_H_i_s").'.pdf';
  7. file_put_contents($filename, $pdf);
  8. $dompdf->stream($filename);


El problema que tengo es que cuando me genera el pdf no me muestra las imagenes que le añado con el css solo me muestra las letras nada de imagenes, me pueden orientar con este problema