爲什麼在打印介質查詢中不顯示任何工作？

我有一個網站需要打印，沒有任何頁眉，頁腳或背景可見。對於頁腳和容器背景這工作正常，但我不知道如何隱藏我的標題容器。爲什麼在打印介質查詢中不顯示任何工作？

我的HTML：

<div id=header> 
    <div id=logoContainer> 
      <a href="mainPage.php"><img id=logo src="xxx.png"></img></a> 
     <div id=pageTitle> 
     <h1 id=pageTitleText>TITLE</h1> 
     </div> 
     <div id=headerUserInfo> 
     <span>Logged in as: <?php echo $_SESSION['login_user']; ?> | </span><a class=logout href="logout.php">Logout</a> 
     </div> 
    </div> 
    </div>

CSS：

#header { 
height:90px; 
background:url("images/header.png") repeat-x scroll 0 0 #2d3133;} 

@media print { 
     #header { 
     display: none !important; 
     } 
}

當打開Chrome檢查並選擇頭容器的@media打印規則沒有顯示出來的頭都沒有。（渲染設置爲在Chrome中模擬打印。）頁腳和其他容器工作正常，只是標題。

我在這裏錯過了什麼？

編輯：工作的示例：

HTML：

<div id="tableContainer"> 

    <div class="buttonsDiv"> 
    <a href="new.php" class="mainButton">Button 1</a> 
    <a class="mainButton">Button 2</a> 
    <a class="mainButton">Button 3/a> 
    </div> 
</div>

CSS：

@media print { 
     #header { 
     display: none !important; 
     } 
     #footer { 
     display: none; 
     } 
     #tableContainer { 
     background: transparent !important; 
     }

來源

2016-11-20 ppgcc74

你可以顯示一個容器的html和css工作嗎？對其進行比較非常重要，因爲其中一個可以工作，另一個不會。 – Huangism

我編輯了主帖。 – ppgcc74

好吧，假設頁腳工作正常，然後從發佈的代碼，我沒有看到任何問題，除了報價，但你說你添加了他們。也許你在你的實際代碼的CSS或HTML有拼寫錯誤？你有沒有試過打印出來，看看頭是否出現？ – Huangism

使用"定義ID <div id="header">

#header { 
 
height:90px; 
 
background:url("images/header.png") repeat-x scroll 0 0 #2d3133;} 
 

 
@media print { 
 
     #header { 
 
     display: none !important; 
 
     } 
 
}

<div id="header"> 
 
    <div id=logoContainer> 
 
      <a href="mainPage.php"><img id=logo src="xxx.png"></img></a> 
 
     <div id=pageTitle> 
 
     <h1 id=pageTitleText>TITLE</h1> 
 
     </div> 
 
     <div id=headerUserInfo> 
 
     <span>Logged in as: <?php echo $_SESSION['login_user']; ?> | </span><a class=logout href="logout.php">Logout</a> 
 
     </div> 
 
    </div> 
 
    </div>

來源

2016-11-20 16:23:58 jafarbtech

謝謝，但沒有幫助。這裏是檢查員的兩個截圖。正如你所看到的標題容器的規則仍然是不可見的：http：//imgur.com/a/wST6d – ppgcc74

你不認爲所有其他元素可能應該是相同的？（但事實是，它沒有*可以爲其中的任何一個完成，這不是XHTML。） – BoltClock

@ ppgcc74：引號沒有任何區別。不要擔心。 – BoltClock

爲什麼在打印介質查詢中不顯示任何工作？

回答

相關問題