@media print display：none does not working

我已經嘗試了超過3個星期，現在嘗試使用不同的實現來獲得正確的部分不顯示，並且左邊部分顯示爲全寬。鑑於我的研究表明，沒有簡單或精簡的方式來快速渲染打印視圖而不檢查打印預覽，我正在尋求一些幫助來弄清楚這一點。@media print display：none does not working

This是當前頁即時嘗試去工作。

This是我想要發生的事情。請注意，左側的寬度需要延伸整個寬度。

不工作的打印介質CSS是這樣的：

#gc { 
    width: 100%; 
} 
#asideTrack { 
/*  width: 100%;*/ 
    display: none; 
} 
.asideTrack { 
/*  width: 100%;*/ 
    display: none; 
} 
.slideAside { 
/*  width: 100%;*/ 
    display: none; 
} 
#slideAside { 
    display:none 
}

有什麼建議？

來源

2012-07-28 chris Frisina

在打印預覽（在Firefox和IE上測試）中不顯示預留塊，因此問題似乎與標題和描述所說的不同。在澄清問題描述之前，請檢查語法錯誤。 W3C標記驗證程序報告53個錯誤，並且W3C CSS驗證程序報告43個錯誤（當指定CSS3並且僅將供應商擴展視爲警告時）。 – 2012-07-28 07:05:08

是的，它們不可見，但打印預覽中的顯示與您手動隱藏aSide不同。左側的寬度不會「調整」到全寬。該部分仍然存在，只是不可見。 – 2012-07-28 07:12:39

在CSS規則下覆蓋，如果他們有相同的優先級（視選擇）你寫在@media塊您共同CSS不頂

，它是下那麼你的@media打印塊，所以它會覆蓋您的@media打印樣式。例如，導致爲什麼在打印預覽中你的左邊塊有74％的寬度（因爲這個規則低於你所說的100％的@media打印塊的規則）。

我希望它是有幫助的。

解決方案

在你的CSS文件時可能會介質打印塊地方文件的末尾。
將!important指令添加到媒體打印塊中的某些規則。即： p顏色：紅色重要; }
把你的特殊的CSS屏幕放在媒體屏幕塊。

來源

2012-07-28 06:58:30

那麼我如何用@media塊覆蓋較低的規則？ – 2012-07-28 07:10:19

！重要工作。謝謝。不知道訂購。再次，我仍然需要[這] [1] [1]的原因：http://stackoverflow.com/questions/11161631/the-hunt-for-a-css-attribute-editable-interactive-user-interface - 學習工具 – 2012-07-28 07:22:05

@media print display：none does not working

回答

相關問題