使用jqprint使用CSS打印特定的DIV

Question

我想用CSS打印div。 當我應用inline css時，它與我一起工作，但是在external and internal css它不起作用。 下面是我的代碼，

<script src="jquery.jqprint.0.3.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function() {
  $("#PrintButton").click( function() {
      $('#divToPrint').jqprint();
      return false;
  });
});
</script>

<style type="text/css">
@media screen,print
  {
  .test {background:#0F0; width:500px; height:200px;}
  }
</style>

<input id="PrintButton" type="button" name="Print" value="Print" />

<div id="divToPrint" class="test">
Print Me, I'm in DIV
</div>

Answer 1

我已經嘗試過您的代碼，似乎可以與外部CSS一起正常工作。

<html>
<head>
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.jqprint-0.3.js" type="text/javascript"></script>
<link rel="stylesheet" href="test.css">

<script language="javascript" type="text/javascript">
$(function() {
  $("#PrintButton").click( function() {
      $('#divToPrint').jqprint();
      return false;
  });
});
</script>
</head>
<body>
<input id="PrintButton" type="button" name="Print" value="Print" />

<div id="divToPrint" class="test">
Print Me, I'm in DIV
</div>
<body>
</html>

和外部css文件名： test.css

@media screen,print
{
  .test {
            background:#0F0; width:500px; height:200px;
        }
}

使用jqprint使用CSS打印特定的DIV

問題描述

1 個解決方案

解決方案1
3 已采納 2014-01-11 18:38:57

使用jqprint使用CSS打印特定的DIV

問題描述

1 個解決方案

解決方案1 3 已采納 2014-01-11 18:38:57

解決方案1
3 已采納 2014-01-11 18:38:57