我的网站的通知

Question

我做了这个jsfiddle：http://jsfiddle.net/alonshmiel/2PeEK/19/

我将numOfNewNotifications设置为li属性为false的hasRead个数。

与此同时，我把numOfNewNotifications放在地球仪的中间。

我怎么能像facebook的通知一样呢？

我想只在numOfNewNotifications不为零的时候把它放在

任何帮助表示赞赏！

Answer 1

您的图片为，请考虑没有像这样的白色图片且外部有白色div的图片。这样我们就可以使用css轻松定位它。

请查看此SO answer及其JSFiddle。

我做了类似于你的，请查看jsfiddle

添加 HTML ：

<div id="whit"></div>

<强> CSS ：

#whit {
    width: 20px;
    height: 20px;
    background-color: #fff;
    text-align: center;
    top: 0;
    position: absolute;
    margin-left: 29px;
    border: 1px solid #000;
}

更改 JS ：

$("#whit").text(numOfNewNotifications);