CSS的幫助下，用DIV

其確認DIV框，當用戶點擊保存按鈕，你。典型看到，確認他們已經receivied您inqury。

，並在div盒子是這樣的：

「 [圖片]我們收到你的郵件，你應該從我們的24小時內聽到」

下面

的是，我使用的顯示與圖像格但發生了什麼，當頁面加載我第一次和比看到圖像後，我將圖像保存我看到DIV味精和比圖像和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);

來源

2010-09-27 Nick Kahn

你能澄清你的問題嗎？目前還不清楚。 – Matt 2010-09-27 13:35:10

你想要什麼，最後顯示圖像。即效果之後，或者你不想要任何效果只是顯示圖像。 – 2010-09-27 13:38:14

@ Matt，JapanPro：我更新了我的問題。 – 2010-09-27 13:41:46

我已經更新了你的代碼位，校驗演示

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);

來源

2010-09-27 14:20:18

如果我正確理解你的問題，該圖像顯示，直到您單擊保存，它看起來像你需要隱藏在你的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; 
}

來源

2010-09-27 13:50:39 graham

不起作用，當頁面加載我的圖像，但我想要的只有圖像和div顯示當我點擊保存。 – 2010-09-27 14:04:21

嘗試添加顯示：無 – graham 2010-09-27 14:08:37

您可能需要設置您的CSS顯示：無;正如其他人已經聲明或添加JavaScript的高級技巧。

<script type="text/javascript"> 


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

</script>

然後在按鈕添加：onclick="showImage();"

來源

2010-09-27 14:26:24 Elliott

嘗試使用顯示：無功能的使用逐漸把它的前這將在使用前將其隱藏，澄清，你想讓它在衰落。

來源

2010-09-27 18:53:56 ryryan

CSS的幫助下，用DIV

回答

相關問題