1. 首页
  2. 问答
  3. 背景颜色没有在打印视图中显示

背景颜色没有在打印视图中显示

2014-07-21 83 views
0

我在Asp.net中做报告。当我打印报告背景颜色时，Firefox中的打印预览中没有出现颜色。我想在打印机中打印背景颜色。我做。我的代码如下。我想用编程来做这个。背景颜色没有在打印视图中显示

不能使底色颜色和页面图像设置

jsfiddle.net/waqas786/6AHRH

<style type="text/css" media="print" > 

    .repFont 
    { 
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    width: 53px; 
    } 
     table { 
      border: 1px solid black; 
      border-spacing:0px; 

     } 
     td { 
     border: 1px solid black; 
     border-spacing:0px; 
     font-size:11PX; 
     text-align:center; 
     padding: 0px; 
    } 

     .auto-style1 { 
      height: 27px; 
     } 
      .bgtd1 { 
       background-color:#FFFF99; 
      } 
      .title { 
       color:#CC3333; 
      } 
      .titleMale { 
      color:#3366FF; 
      } 
      .titleTotal { 
       font-weight:bold; 
       font-size:12PX; 
      } 
      .maintitle { 
      font-size:12px; 

      } 
      .maintileArabic { 

       color:#CC3333; 
       padding-left: 187px; 
      } 
      .maintileEng { 

       color:#3366FF; 
       padding-left: 113px; 
       padding-bottom: 11px; 
      } 

     </style>  
    <table id="tblid" runat="server" border="1" > 
      <tr class="bgtd1"> 
      <td colspan="2" rowspan="2" class="title">Region</td> 
      <td colspan="3" class="title"><span id="result_box" lang="ar" xml:lang="ar">المجموع العام</span></td> 
      <td colspan="2" class="title"> سلطانالخارج</td> 
      <td colspan="2" class="title">مسندم</td> 
      <td colspan="2" class="title">مسندم</td> 
      <td colspan="2" class="title">مسندم</td> 
      <td colspan="2" class="title">مسندم</td> 
      <td colspan="2" class="title">مسندم</td> 
      <td colspan="2" class="title">مسندم</td> 
      <td colspan="2" class="title">مسندم</td> 
      <td colspan="2" class="title">مسندم</td> 
      <td colspan="2" class="title">مسندم</td> 
      <td colspan="2" class="title">مسندم</td> 
      <td colspan="2" class="title">مسندم</td> 
      <td colspan="2" rowspan="2" class="title"><span id="result_box2" lang="ar" xml:lang="ar">منطقة</span></td> 
      </tr> 
      <tr class="bgtd1"> 
      <td colspan="3" class="auto-style1">Grand Total</td> 
      <td colspan="2" class="auto-style1">&nbsp;&nbsp;</td> 
      <td colspan="2" class="auto-style1"> 
       &nbsp;Musandam&nbsp;</td> 
      <td colspan="2" class="auto-style1">&nbsp;Al-wusta&nbsp;</td> 
      <td colspan="2" class="auto-style1">&nbsp;Alburaimi&nbsp;</td> 
      <td colspan="2" class="auto-style1">&nbsp;Al-Dhahira&nbsp;</td> 
      <td colspan="2" class="auto-style1">&nbsp;Dohfar&nbsp;</td> 
      <td colspan="2" class="auto-style1">&nbsp;&nbsp;Al-dhakhila&nbsp;</td> 
      <td colspan="2" class="auto-style1">&nbsp;Al-sharqiya(n)&nbsp;</td> 
      <td colspan="2" class="auto-style1">&nbsp;Al-sharqiyah&nbsp;</td> 
      <td colspan="2" class="auto-style1">&nbsp;Albatiniah(s)&nbsp;</td> 
      <td colspan="2" class="auto-style1">&nbsp;Al-Albatinah&nbsp;</td> 
      <td colspan="2" class="auto-style1">&nbsp;Muscat&nbsp;</td> 
      </tr> 
      <tr> 
      <td colspan="2" class="bgtd1">Gender</td> 
      <td class="title"><span id="result_box8" lang="ar" xml:lang="ar">&nbsp;مجموع&nbsp;</span></td> 
      <td >١</td> 
      <td class="titleMale">ذ</td> 
      <td >١</td> 
      <td class="titleMale">ذ</td> 
      <td >١</td> 
      <td class="titleMale">ذ</td> 
      <td >١</td> 
      <td class="titleMale">ذ</td> 
      <td>١</td> 
      <td class="titleMale" >ذ</td> 
      <td >١</td> 
      <td class="titleMale">ذ</td> 
      <td >١</td> 
      <td class="titleMale">ذ</td> 
      <td >١</td> 
      <td class="titleMale">ذ</td> 
      <td >١</td> 
      <td class="titleMale">ذ</td> 
      <td>١</td> 
      <td class="titleMale">ذ</td> 
      <td>١</td> 
      <td class="titleMale">ذ</td> 
      <td>١</td> 
      <td class="titleMale">ذ</td> 
      <td >١</td> 
      <td class="titleMale">ذ</td> 
      <td colspan="2" class="bgtd1"><span id="result_box3" lang="ar" xml:lang="ar">جنس</span></td> 
      </tr> 
      <tr> 
      <td colspan="2" class="bgtd1">Specialization</td> 
      <td class="title">Total</td> 
      <td>F</td> 
      <td class="titleMale">M</td> 
      <td>F</td> 
      <td class="titleMale">M</td> 
      <td>F</td> 
      <td class="titleMale">M</td> 
      <td>F</td> 
      <td class="titleMale">M</td> 
      <td>F</td> 
      <td class="titleMale">M</td> 
      <td>F</td> 
      <td class="titleMale">M</td> 
      <td>F</td> 
      <td class="titleMale">M</td> 
      <td>F</td> 
      <td class="titleMale">M</td> 
      <td>F</td> 
      <td class="titleMale">M</td> 
      <td>F</td> 
      <td class="titleMale">M</td> 
      <td>F</td> 
      <td class="titleMale">M</td> 
      <td>F</td> 
      <td class="titleMale">M</td> 
      <td>F</td> 
      <td class="titleMale">M</td> 
      <td colspan="2" class="bgtd1" ><span id="result_box4" lang="ar" xml:lang="ar">تخصص</span></td> 
      </tr> 
      <tr> 
      <td rowspan="4" class="bgtd1"><div class="repFont bgtd1">Foundation</div></td> 
      <td class="bgtd1">Engnieering</td> 
      <td >120</td> 
      <td>48</td> 
      <td class="titleMale">72</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td>1</td> 
      <td class="titleMale">1</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td>1</td> 
      <td class="titleMale">1</td> 
      <td>0</td> 
      <td>0</td> 
      <td>1</td> 
      <td class="titleMale">1</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td>1</td> 
      <td class="titleMale">1</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td>1</td> 
      <td class="titleMale">1</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td class="bgtd1">الهندسة&nbsp;</td> 
      <td rowspan="4" class="bgtd1"><div class="repFont ">&nbsp;مؤسسة&nbsp;</div></td> 
      </tr> 
      <tr> 
       <td class="bgtd1">Information Technology</td> 
      <td>213</td> 
      <td>147</td> 
      <td class="titleMale">66</td> 
      <td>1</td> 
      <td class="titleMale">2</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td>1</td> 
      <td class="titleMale">1</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td>1</td> 
      <td class="titleMale">1</td> 
      <td>0</td> 
      <td>0</td> 
      <td>1</td> 
      <td class="titleMale">1</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td >1</td> 
      <td class="titleMale">1</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td>1</td> 
      <td class="titleMale">1</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td class="bgtd1">&nbsp;تكنولوجيا المعلومات&nbsp;</td> 
      </tr> 
      <tr> 
      <td rowspan="2" class="bgtd1"><span class="titleTotal">Total</span></td> 
      <td rowspan="2">313</td> 
      <td >195</td> 
      <td class="titleMale">138</td> 
      <td>1</td> 
      <td class="titleMale">2</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td>2</td> 
      <td class="titleMale">2</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td>2</td> 
      <td class="titleMale">2</td> 
      <td>0</td> 
      <td>0</td> 
      <td>2</td> 
      <td class="titleMale">2</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td>2</td> 
      <td class="titleMale">2</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td>2</td> 
      <td class="titleMale">2</td> 
      <td>0</td> 
      <td class="titleMale">0</td> 
      <td rowspan="2" class="bgtd1" >إجمالي</td> 
      </tr> 
      <tr> 
      <td colspan="2">313</td> 
      <td colspan="2">3</td> 
      <td colspan="2">0</td> 
      <td colspan="2">4</td> 
      <td colspan="2">0</td> 
      <td colspan="2">4</td> 
      <td colspan="2">0</td> 
      <td colspan="2">4</td> 
      <td colspan="2">0</td> 
      <td colspan="2">4</td> 
      <td colspan="2">0</td> 
      <td colspan="2">4</td> 
      <td colspan="2">0</td> 
      </tr> 
     </table>

或者有没有什么办法，以便通过编程

来源

2014-07-21 user3856431

+0

http://jsfiddle.net/waqas786/6AHRH/ – user3856431

回答

0

我认为它是一个浏览器设置。在你的CSS中没有什么可以做的。在Windows - File > Page Setup... > Print Background.

来源

2014-07-21 09:40:33

0

的CSS的Webkit物业工作正常"-webkit-print-color-adjust: exact;"

@media print { 
    element { 
      background-color: #1a4567 !important; 
      -webkit-print-color-adjust: exact; 
    }} 

    @media print { 
     .vendorListHeading th { 
     color: white !important; 
    }}

希望这有助于！

更新： - http://jsfiddle.net/7xTQY/

来源

2014-07-21 09:44:00 Khalsa

0

点击打印设置（铬）点击背景颜色和印刷将肯定工作。

问候 马哈德

来源

2014-07-21 09:44:30 user3820621

相关问题

 相关问题