title: CSS box shadow is so dark when printed
body: <p>i got a div with a blur shadow on it. i am a using the CSS code below:</p>
  
  <pre><code>-webkit-box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .4);     
  box-shadow:  3px 3px 6px 1px rgba(0, 0, 0, .4); 
  </code></pre>
  
  <p>the problem is when the page is printed the shadow turns into dark black.
  please help.</p>