我的网站的通知[关闭]

Question

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

我将numOfNewNotifications 设置为li 的数量，其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);