从 iframe 页面事件更改父级的 css

I have homepage包含 middle_overlay div 最初不可见。此外，它包含“iframe capture“页面上有单击按钮，在按钮的单击事件中我想让 middle_overlay div 可见，但是从另一个页面我可以更改如何更改 css 吗？

HTML:

<div id="middle_overlay">
</div>

<div id="middle">
    <iframe id="middle_frame" src="capture.php" frameborder='0' border='0' style="border:0;" seamless>
    </iframe>
</div> 

jQuery::

$(document).ready(function()
{
$('#Monthly_Report').click(function(){
alert('monthly report clicked');
$('#middle_overlay').css('display','block');                                

});



});

window.parent.$('#middle_overlay').css('display','block'); 

请注意，只有当您的 iframe 和父页面来自同一域时，这才有效。