jQueryUI ThemeRoller樣式不在打印版本中顯示

我在我的頁面上使用ThemeRoller和jQueryUI並且樣式未應用於打印版本。jQueryUI ThemeRoller樣式不在打印版本中顯示

jQueryUI中是否有一個設置可以將媒體改爲全部而不是屏幕？或者是有其他的東西阻止這些樣式被應用到打印版本。

來源

2011-08-03 Jerry

Print是某些broswers和打印機不同。這就是爲什麼印刷版本應該始終儘可能地基本。 –

在CSS中應用的背景圖像不打印（默認情況下）。如果這是您遇到的問題，那可能是原因。有沒有打印的具體內容？

來源

2011-08-10 23:42:59 Seth

對於這個答案是正確的，你需要在「大多數瀏覽器默認情況下」限定你的「不打印」語句。看到我的答案，你如何得到這個工作。 – Sumo

我更新了答案，以便更準確。 – Seth

看起來這是樣式沒有顯示的原因。猜猜我需要等待的是製造商製作一個好看的印刷版本，或者至少取消隱藏未選定的手風琴內容分區。 – Jerry

在大多數瀏覽器中，禁用打印背景顏色和圖像。打印之前，您需要啓用該功能才能正確看到樣式。

在IE中，執行打印預覽，然後單擊頁面設置按鈕。您將看到一個打印背景顏色和圖像複選框。

在FireFox中，執行打印預覽，然後單擊頁面設置按鈕。您將看到一個打印背景（顏色&圖像）複選框。

在Chrome中，不幸的是你不能沒有IETAB擴展。見this support thread。

而且，爲了證明CSS中應用的背景圖像事實上是在打開瀏覽器中的設置時打印的，請採用以下代碼並將其放入基本HTML頁面。在支持圖像打印設置的IE，FireFox或其他瀏覽器中打開它。然後，開啓/關閉設置。您會看到小箭頭圖像在打印預覽中出現/消失。

<style type="text/css"> 
     .link { 
      background: url(http://www.famfamfam.com/lab/icons/silk/icons/control_play.png) no-repeat; 
     } 
     .link a { 
      padding-left: 18px; 
     } 
    </style> 

    <div class="link"> 
     <a href="#">Test Link</a> 
    </div>

來源

2011-08-17 10:28:03 Sumo

您可以簡單地通過確保jQuery Theme Roller CSS文件具有媒體屬性來解決此問題。它與jQuery UI無關，它是瀏覽器的內在本質。

變化

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="screen" />

本（或添加兩者）

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="print" />

來源

2011-08-17 19:59:03

jQueryUI ThemeRoller樣式不在打印版本中顯示

回答

相關問題