当面板在asp.net中可见时,如何淡化背景

时间:2012-11-17 04:07:25

标签: c# javascript asp.net css

我正在开发一个项目,并且我希望在asp.net的网页上打开面板时应用背景淡入淡出功能。淡入功能看起来像Facebook照片功能。click here to see Facebook photo effect
这里将照片视为我的面板和背景作为我的网页。

请帮助我,因为我不知道这种效应是什么。

1 个答案:

答案 0 :(得分:1)

它被称为叠加层,其中一种方法是将其附加到文档的末尾:

HTML:

<body>
 ... all your content ...

  <div id="overlay">
     <div class="pictures">
     </div>
  </div>
</body>

CSS:

body {
   position:relative;
}
#overlay {
    position:absolute; /** or fixed **/
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
}

默认情况下,您的叠加层会被隐藏。您可以使用JavaScript将显示设置为在显示图库时阻止;