Have GridLayout in JLayeredPane

Question

Hi, I would like to have a JPanel with GridLayout as background and another image on top of it. So I think I have to add 2 JPanel into the JLayeredPane but it doesn't work. I wonder whether I can do it in fact, anybody know it? Thanks.
I have my code for your reference:
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class MainFrame{
     public MainFrame(){
          initFrame();
     public void initFrame(){
          JFrame frame = new JFrame("Swing program");
          frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          ImageIcon bgIcon = new ImageIcon("pic/background.jpg");
          JLabel[] bgLabel = new JLabel[4];
          for(int i=0; i<4; i++){
               bgLabel[i] = new JLabel(bgIcon);
               bgLabel.setBounds(50,50,200,200);
          JPanel bgPane = new JPanel(new GridLayout(2,2));
          bgPane.setPreferredSize(new Dimension(600, 600));
          for(int i=0; i<4; i++){
               bgPane.add(bgLabel[i]);
          ImageIcon charIcon = new ImageIcon("pic/character.jpg");
          JLabel charLabel = new JLabel(charIcon);
          charLabel.setBounds(10,10,100,100);
          JPanel charPane = new JPanel();
          charPane.setPreferredSize(new Dimension(100,100));
          charPane.add(charLabel);
          JLayeredPane layeredPane = new JLayeredPane();
          layeredPane.setPreferredSize(new Dimension(600, 600));
          layeredPane.add(bgPane, new Integer(1));
          layeredPane.add(charPane, new Integer(2));
          Container contentPane = frame.getContentPane();
          contentPane.add(layeredPane);
          frame.pack();
          frame.setVisible(true);

Answer 1

Error in code:for(int i=0; i<4; i++){
  bgPane.add(bgLabel);
}should befor(int i=0; i<4; i++){
  bgPane.add(bgLabel[ i]);
}