0

在 facebook 中，我们可以看到您在右侧的小邮件图标中有 4 个好友请求或相同的通知，单击它后，弹出带有接受按钮的显示，然后它将消失并显示剩下的三个。

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

任何建议表示赞赏。

4

1 回答 1

0

您可以使用 Javascript 或“纯 CSS”来实现“模式弹出”功能；后者即使在禁用 Javascript 的情况下也可以工作。这是作为纯 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 )。

于 2013-05-09T05:00:42.903 回答