Nested panels and bkg image

Question

Hi,
I have a JPanel inside another one. It hides when I click on "close" ("fermer" in French, below).
I'd like now add a background image to the parent panel (the background panel), so that the child panel appears in the middle of this image.
To make a long story short, my centered panel is okay without background image but disappears when I try and subclass JPanel (paint method) in order to get a back-panel-with image.
You'll find the code I use below. Is there any way to achieve this ?
Thanks for your help !
public class testCenteredPanel extends javax.swing.JFrame {
    /** Creates new form testCenteredPanel */
    public testCenteredPanel() {
        initComponents();
        setDefaultLookAndFeelDecorated(true);
    /** This method is called from within the constructor to
     * initialize the form.
     * WARNING: Do NOT modify this code. The content of this method is
     * always regenerated by the Form Editor.
    private void initComponents() {
        java.awt.GridBagConstraints gridBagConstraints;
        jPanel1 = new javax.swing.JPanel();
        jPanel2 = new javax.swing.JPanel();
        jPanel3 = new javax.swing.JPanel();
        jButton1 = new javax.swing.JButton();
        getContentPane().setLayout(new java.awt.GridBagLayout());
        setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
        setLocationRelativeTo(this);
        addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                formMouseClicked(evt);
        addWindowListener(new java.awt.event.WindowAdapter() {
            public void windowClosing(java.awt.event.WindowEvent evt) {
                exitForm(evt);
        jPanel1.setLayout(new java.awt.GridBagLayout());
        jPanel1.setPreferredSize(new java.awt.Dimension(400, 400));
        jPanel1.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                jPanel1MouseClicked(evt);
        jPanel2.setLayout(new java.awt.BorderLayout());
        jPanel2.setBackground(new java.awt.Color(255, 255, 255));
        jPanel2.setBorder(new javax.swing.border.LineBorder(new java.awt.Color(0, 0, 0)));
        jPanel2.setPreferredSize(new java.awt.Dimension(200, 200));
        jPanel3.setBackground(new java.awt.Color(255, 255, 255));
        jButton1.setText("Fermer");
        jButton1.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                jButton1MouseClicked(evt);
        jPanel3.add(jButton1);
        jPanel2.add(jPanel3, java.awt.BorderLayout.SOUTH);
        jPanel1.add(jPanel2, new java.awt.GridBagConstraints());
        gridBagConstraints = new java.awt.GridBagConstraints();
        gridBagConstraints.fill = java.awt.GridBagConstraints.BOTH;
        gridBagConstraints.weightx = 1.0;
        gridBagConstraints.weighty = 1.0;
        getContentPane().add(jPanel1, gridBagConstraints);
        pack();
    private void jPanel1MouseClicked(java.awt.event.MouseEvent evt) {
        jPanel2.setVisible(true);
    private void jButton1MouseClicked(java.awt.event.MouseEvent evt) {
        jPanel2.setVisible(false);
    private void formMouseClicked(java.awt.event.MouseEvent evt) {
    /** Exit the Application */
    private void exitForm(java.awt.event.WindowEvent evt) {
        System.exit(0);
     * @param args the command line arguments
    public static void main(String args[]) {
        new testCenteredPanel().show();
    // Variables declaration - do not modify
    private javax.swing.JButton jButton1;
    private javax.swing.JPanel jPanel1;
    private javax.swing.JPanel jPanel2;
    private javax.swing.JPanel jPanel3;
    // End of variables declaration
}

Answer 1

Thanks for your answer !
So far, it is better : I have overriden the paintComponent method insteda of the paint method and the background image shows up. But the "close" button on the nested (centrered) panel doesn't work any longer. I can click on it, but it stays grayed and the panel doesn't hide. I read the articles you pointed out but couldn't find much for this (except opacity, which I experimented without success).
Here's the code of my centered panel : maybe there's something wrong here ?
public class CenterPanel extends javax.swing.JPanel {
    /** Creates new form CenterPanel */
    public CenterPanel() {
        initComponents();
   public  boolean isOpaque(){
        return true;
    private void initComponents() {
        jPanel1 = new javax.swing.JPanel();
        jButton1 = new javax.swing.JButton();
        jButton2 = new javax.swing.JButton();
        setLayout(new java.awt.BorderLayout());
        setBackground(new java.awt.Color(255, 255, 255));
        setBorder(new javax.swing.border.LineBorder(new java.awt.Color(0, 0, 0)));
        setPreferredSize(new java.awt.Dimension(200, 200));
        jPanel1.setBackground(new java.awt.Color(255, 255, 255));
        jPanel1.setOpaque(false);
        jButton1.setText("Acheter");
        jPanel1.add(jButton1);
        jButton2.setText("Fermer");
        jButton2.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                jButton2MouseClicked(evt);
        jPanel1.add(jButton2);
        add(jPanel1, java.awt.BorderLayout.SOUTH);
    private void jButton2MouseClicked(java.awt.event.MouseEvent evt) {
        hide();
    private javax.swing.JButton jButton1;
    private javax.swing.JButton jButton2;
    private javax.swing.JPanel jPanel1;
}