代码之家  ›  专栏  ›  技术社区  ›  Rixius

将jqueryui对话框中的a<p>重新定位到CenterStage以进行CSS打印

  •  0
  • Rixius  · 技术社区  · 16 年前

    我正在使用jqueryui对话框命令弹出一个 <p> 希望只打印 <P & GT; 使用 media="print" 声明的

    HTML代码:

    <div class="jPajxDialog">
      <p class="print">
        Some Text
      </p>
    <div>
    

    我已经尝试过: CSS代码:

    @charset "UTF-8";
    
    body {visibility:hidden;}
    .print {visibility:visible;}
    .noprint {visibility: hidden;}
    
    p.print {
      position: absolute;
      margin: 15px auto;
    }
    
    1 回复  |  直到 15 年前
        1
  •  0
  •   Dominic Goulet    15 年前

    要在打印时隐藏某些内容,应在CSS中使用“display:none”。请记住,如果将父级设置为“display:none”,则即使在子级上执行了“display:block;”,也不会显示其所有子级。

    您可能希望检查您的HTML结构,以便希望隐藏的信息片段不会是您希望保留的内容的父级,也就是说,如果您希望有一个与跨浏览器兼容的解决方案。

    例如,

    <div>
      <div class="noprint"> Site header </div>
      <div>
        <div class="noprint"> Site menu </div>
        <div class="print"> the content you wish to print </div>
        <div class="noprint"> Site footer </div>
      </div>
    </div>
    

    和css media=“打印”

    .noprint { display: none; }
    .print { display: block; }