我正在开发一个软件应用程序，在两个页面的转换之间xhtml通过几秒钟。我试图将一个隐藏全屏的p:overlayPanel放入一个gif并且几乎正常工作。问题在于，尽管我包括顶部，底部，左侧和右侧0！重要的是，有一个很大的衬垫，我不能正确适合面板。
可以请别人帮助我吗？
这是我的代码，
<p:overlayPanel id="moviePanel" for="btn_alta" dynamic="true" appendToBody="true" style="transition:10s;background: #FFF;Opacity: 0.5;left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;width:100%; height:100%; z-index: -1; position: fixed ;overflow:hidden">
<p:graphicImage value="/resources/img/loading_comments.gif" width="150" style="top:50%;bottom:50%;left:50%;right:50%;position: fixed"/>
</p:overlayPanel>