Problem with opacity for rectangle.

[at_pradeep]

I have one parent rectangle with opacity of "0.5" i have added some more components in to it.
problem is that the child components are also displayed with the opacity of "0.5".
I tried to specify opacity for child components as 1 but still it is displaying opacity for child components.

Code spinets:
@
Rectangle
{
id: mainRect
anchors.fill: parent;
visible: true;
opacity: 0.5;
color: "black"
border.width: 0;

    Rectangle
    {
        id: childRect;
        anchors.bottom: parent.bottom;
        anchors.bottomMargin: 20;
        anchors.right: parent.right;
        anchors.rightMargin: 20;
        radius: 30;
        border.width: 5
        opacity: 1
        color: "white"

@

what might be the problem?

Thanks.

[task_struct]

Child element inherits parent's opacity and adds it's opacity. This is explained "here":http://doc.qt.nokia.com/4.7-snapshot/qml-item.html#opacity-prop . A workaround is

@
Rectangle
{
id: mainRect
anchors.fill: parent;
visible: true;
opacity: 0.5;
color: "black"
border.width: 0
}

Rectangle
{
id: childRect;
anchors.bottom: mainRect.bottom;
anchors.bottomMargin: 20;
anchors.right: mainRect.right;
anchors.rightMargin: 20;
radius: 30;
border.width: 5
opacity: 1
color: "white"
}
@