css - 图片定位问题

Question

我已经在 Flash Player 上放了一张图片。以下是我使用过的代码

<script type='text/javascript' src='/Technical/js/jquery-1.5.2.min.js'></script>
<script type='text/javascript' src='/Technical/js/jquery.pngFix.js'></script>
<script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function () {
        jQuery(window).load(function () {
            jQuery('.VideoLikeContent').hide();
        });
    });

    function showImage() { jQuery(document).ready(function () { jQuery('.VideoLikeContent').show(); }); }
    function hideImage() { jQuery('#prodimg').hide(); showImage(); }

</script>

<a href="#" onclick="hideImage(); return false;">
    <img id="prodimg" style="position: absolute" 
      height="400px" width="600px" alt="" src="/Technical/images/FINAL-SCREEN-ART.aspx" />
</a>

点击图片，图片消失，视频开始播放。注:图片在中间某处

功能运行良好。但是当我刷新页面时，图像闪烁(下降几分之一秒，从而暴露视频)。我该如何解决这个问题？

Answer 1

使用 CSS:

.VideoLikeContent {
    display:none;
}