title: Adding a picture box behind a Transparent Panel
body: <p>I have two panels on top of each other. The one below is a bit larger than the one on top. I am painting an image by using CreateGraphics() method on the top most panel. (To be clear this image is a connect four grid with transparent holes). Now what I need to do is to add a picture box to the bottom panel and have it show from behind this grid.</p>
  
  <p>I am adding controls of picture box to the bottom grid. And I'm using the BringToFront() method too. What can I do to have the picture box show underneath the grid?</p>
  
  <p>In the following code: chipHolder is the bottom panel, grid is the topmost panel and picBox is the picture box respectively</p>
  
  <pre><code>public void addControl()
  {
     chipHolder.Controls.Add(picBox);
     picBox.BringToFront();
  }
  
  // This piece of code is in a mouse_click event of grid 
  Graphics g = grid.CreateGraphics();
  addControl();
  
  // to make the picture move downwards
  for (int i = 0; i &lt; newYloc; i++)
  {
       picBox.Location = new Point(newXloc, picBox.Top + 1);
       picBox.Show();
  }
  
  // drawing the grid image on the grid panel
  protected virtual void grid_Paint(object sender, PaintEventArgs e)
  {
       Image img = Properties.Resources.grid_fw;
  
       gridGraphics = grid.CreateGraphics();
       gridGraphics.DrawImage(img, 0, 0, 650, 550);
  }
  </code></pre>
  
  <p>To have a better picture this is how my panels are. the one selected is the chipHolder panel.</p>
  
  <p><img src="https://i.stack.imgur.com/01Y2d.png" alt="enter image description here"></p>