Question

编辑：

它是一个确认div框，当用户点击“保存”按钮时，您通常会看到确认他们已经接收了您的内容。

并且div框看起来像这样：

“[image]我们收到了您的电子邮件，您应该会在24小时内收到我们的回复。”

下面是我用来显示div与图像的代码但是发生了什么，当页面加载时我首先看到图像而不是在我保存图像后我看到div msg而不是图像和div消失（如它假设为）

<div id="divStatus"></div> 

<style type="text/css"> 
#divStatus {
    background:transparent url(../images/ico_confirmation_sml.gif) no-repeat scroll 0 0;
    padding-left: 22px;
    min-height: 27px;
} 


ScriptManager.RegisterClientScriptBlock(this, this.GetType(), key, "$(function() { $('#divStatus').html('" + msg + "').show().fadeIn(800).fadeOut(9000); });", true);

Answer 1

如果我正确理解了您的问题，图片会显示，直到您点击保存，您似乎需要在css中隐藏图片。

尝试将不透明度：0 添加到divStatus ID

 
#divStatus {
    background:transparent url(../images/ico_confirmation_sml.gif) no-repeat scroll 0 0;
    padding-left: 22px;
    min-height: 27px;
    opacity: 0;
}

Answer 2

我已经更新了你的代码，请查看演示

http://jsfiddle.net/69f6H/2/

#divStatus {
    background:url("http://www.lancs.ac.uk/~lubbs/images/home.gif") no-repeat;
    padding-left: 22px;
    min-height: 27px;
    display:none;

}

ScriptManager.RegisterClientScriptBlock(this, this.GetType(), key,
"$(function() { $('#divStatus').html('" + msg + "').fadeIn(800).fadeOut(9000); });",
true);

Answer 3

您可能需要将css设置为display：none;因为其他人有状态或添加一些javascript。

<script type="text/javascript">


function showImage()
{
     getElementById('divStatus').style.display="block";
}

</script>

然后在按钮上添加：onclick="showImage();"

Answer 4

在使用淡入淡出之前尝试使用display：none函数。这将在使用前隐藏它，以澄清您希望淡入淡出。

css帮助，用div显示图像

4 个答案: