how to avoid mouse click after open modalPanel?

Question

Hi, here i prevent to mouse click after open the modalPanel.(Not allow to click buttons, link after open modalpanel etc).

But i need to use the following css : rich-mpnl-mask-div

<rich:modalPanel id="test_ModalPanel" style="height:200px;width:200px">
   <a4j:commandLink value="Hide Me"
                    onclick="javascript:Richfaces.hideModalPanel('test_ModalPanel');"/>
</rich:modalPanel>

<a4j:commandLink value="Show Test Modal Panel" 
                 onclick="javascript:Richfaces.showModalPanel('test_ModalPanel');"/>

<a4j:commandButton value="test Button"/>

I used the following css:

.rich-mpnl-mask-div
{
 display:none;
}

Here it can allow to click testButton.

but i can't allow to click that button. And also i want to use

.rich-mpnl-mask-div property or similar work of the css.

Similarly, In my page more number of buttons, links etc... here i block to mouse click after open modalPanel.

So I want the panel became non-modal but the components to be non-clickable in the same time.

Help me about htis. Thanks for your support.

Update

Just i use the following css achieved my requirement. It prevent to mouse click after open modal-panel

.rich-mpnl-mask-div
{   
    background:transient;
    opacity:0;
}