html - 从打印版本中删除阴影

Question

我在 http://www.canadaiplawyer.com/ 有这个代码希望网站的打印版不会在主要(纸张)div 周围有阴影:

@media print{
  #content, #endpage, #startpage {
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
  }
}

为什么这不起作用并且我在打印时仍然有阴影？

Answer 1

我看起来阴影实际上设置在 #nonfooter 上, 不在 #content .你可能想使用:

@media print{
  #nonfooter {
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
  }
}

另外，确保 @media标记出现在所有正常声明之后，以确保它具有更高的特异性。 (如果它在不同的 CSS 文件中，请将 <link> 标记放在普通标记之后。)