如何解決非IE瀏覽器的web列印

2021-07-29 16:18:02 字數 1034 閱讀 7086

非ie瀏覽器例如ff,chrome,在列印時,預設是不會列印table的背景和的,必須手動設定。而ie有activex和wb可以設定,通過js修改預設配置。

如果需要套打或者要實現列印預覽並在預覽中設定列印效果,那就很難實現了。

window.print的功能確實是比較弱的。

我覺得解決辦法就是不用background-color和background-image樣式。而採用div+image的方式

將背景放在image中,image用絕對定位和clip屬性定位到指定位置。

src="" 

alt="about" title="about us" width="611" height="39" //>

.menu-about 

.menu-about img

我覺得這方法的確比較符合實務的情境,不但能跨瀏覽器,列印的問題也解決了,html 也比較乾淨

我的demo**

print

account

issue no.

首數印數

edit

2012-10-17

ed123456

a:1.00

b:1.12

c:1.32

a:1

b:3

c:1

d:1

e:1

2012-10-15

os123

a:1.00

d:1.12

a:1

b:1

c:1

d:1

e:1

2012-10-15

ww012

a:1

2012-10-10

os00

a:1

參考:

如何解決非IE瀏覽器的web列印

非ie瀏覽器例如ff,chrome,在列印時,預設是不會列印table的背景和的,必須手動設定。而ie有activex和wb可以設定,通過js修改預設配置。如果需要套打或者要實現列印預覽並在預覽中設定列印效果,那就很難實現了。window.print的功能確實是比較弱的。我覺得解決辦法就是不用bac...

如何解決瀏覽器的相容問題

關於瀏覽器的相容性問題,我認為可以從瀏覽器對css標記屬性的預設解釋不統一來說 比如 margin left 這個屬性在使用float 的情況下會雙倍顯示距離,所以一旦這樣使用了那麼在ie6 7 8 9中顯示的距離就不一樣,所以就不相容了。建議使用padding left 來代替margin lef...

如何設定IE瀏覽器

問題描述 如何設定 ie瀏覽器 解決方法 1 選擇 ie選單欄上的 工具 internet 選項2 將站點 加入受信任站點,選擇 安全 page 頁,選擇 可信站點 點選 站點 按鈕。3 不要勾選 對該區域中的所有站點要求伺服器 驗證 https 在 該 新增到區域 的文字框中,輸入你的站點位址,例...