作者star1231 (不停留的腳步)
看板Web_Design
標題[請益] 網頁區塊列印問題
時間Sun May 16 19:49:08 2010
我的網頁結構大致如下
<div id="main"> content</div>
<div id="hidden">thickbox </div>
其中的thickbox我是利用css left:-9999px隱藏 (default.css)
需要用到時再透過jquery將css設成left:200px顯示
而使用需求只要列印thickbox的內容
我透過<link.....media="print> 指定了專屬列印的css (print.css)
內容大約如下
#main{
display:none;
}
#hidden{
position:absolute;
top:0px;
left:0px;
}
但列印結果發生了以下三種不同的情況
1.進到頁面後,直接列印 結果有套用到print.css-->正常
2.點選開啟thickbox(left:200px) 再按列印按鈕-->列印畫面偏右 大約在a4中間
3.關閉thickbox(left:-9999px) 再按列印按鈕-->列印畫面空白
看起來似乎是jquery的css設定蓋過了 media="print"的指定???
想請問版友是否能幫忙一下提供一些方向
感激不盡
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 219.85.56.45
→ star1231:已自解..發現用jquery改位置後的css會蓋過print.. 05/17 01:19
→ star1231:但jquery改z-index卻不會..-.-怪 05/17 01:19