title: CSS Position fixed parent pseudo element below
body: <p>Here , in the example below ..the parent is FIXED ...the pseudo element lies on top of parent...</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="b"&gt; &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code> .b
  {
    height: 100px;
    width: 400px;
    border: 1px solid #a7a7a7;
    top: 100px;
    left: 100px;
    background: #fff;
    position: fixed;
  }
  .b::after
  {
    content:'';
    position: absolute;
    top: -15px;
    left: 20px;
    height: 30px;
    width: 30px;
    border:1px solid #a7a7a7;
    transform:rotate(45deg);
    z-index:-1;
    background: red;
  }
  </code></pre>
  
  <p><a href="http://codepen.io/annamalai-saro/pen/wBqzzX" rel="nofollow">http://codepen.io/annamalai-saro/pen/wBqzzX</a></p>
  
  <p>I want it below the parent...??</p>