Question

在Facebook中我们可以看到你有4个朋友请求或者右侧小邮件图标中的通知相同，点击它后，弹出显示接受按钮然后它将消失并且将显示三个。

为了获得某些产品的批准，我需要在asp.net中做同样的事情。

任何建议表示赞赏。

Answer 1

您可以使用Javascript或'pure CSS'来实现'模态弹出'功能;即使在禁用Javascript的情况下，后者也能正常工作。以下是Modal Pop-Up演示的链接，该演示实现为纯CSS3 / HTML5解决方案（没有任何javascripting）：http://webinfocentral.com/html5/ModalPopUp.htm

它的基本部分使用target属性，如下面的清单所示：

/*** pop-up div to cover entire area ***/
.divModalDialog  {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    /*! important !*/
    display:none;
    /* last attribute set darkness on scale: 0...1.0 */
    background-color:rgba(0,0,0,0.8);
    text-align:center;
    z-index:101;
}
/*** ! target attribute does the job ! ***/
.divModalDialog:target  { display:block; }

请参阅我的文章（http://www.codeproject.com/Tips/170049/Pure-HTML-5-CSS-3-Modal-Dialog-Box-no-JavaScript）以获取完整的解决方案。

按钮点击或图标（通知）在asp.net中弹出

1 个答案: