How to make background rectangle transparent containing many elements?

[kunal269]

The code is as below.
What i want to do is to make the outer rectangle transparent containing the image. If I put the opacity of the outer rectangle to 0.0 then image being the child also becomes transparent. Is there a way to make outer rectangle transparent irrespective of inner image.

Rectangle
{
    id:outerRect
    width: 308
    height: 271
    color:"transparent"
    property variant deleteTipData:deletePopUpData
 
         Image {
        id: backImage
        source: "ui_images/background.png"
        width:208
        height: 171
 
    }
 
}

Rectangle
{
    id:outerRect
    width: 308
    height: 271
    color:"transparent"
    property variant deleteTipData:deletePopUpData
   
         Image {
        id: backImage
        source: "ui_images/background.png"
        width:208
        height: 171
        
    }

}

To copy to clipboard, switch view to plain text mode