Question

CSS3+Html5做一个导航栏的效果，如图

就像图片中一样，某个栏目，当有新数据插入时，在页面上那个红色的带数字的小框框是怎么做出来的，他是本来就存在在导航栏里的呢，还是另外设置的li列表覆盖在导航栏上面呢？还是其他的做法，求高手解答。

Answer 1

不需要CSS3+HTML5，用AJAX+DIV+CSS就可以了。
利用AJAX取得未读数据的数量，把DIV的innerHTML设为该数量就行了，另外这是一个DIV(或则其他块元素)中嵌入的一个相对定位层。所以没必要去使用CSS3和HTML5,毕竟国内主要浏览器都不支持。现在支持CSS3和HTML5的浏览器就只有最新的浏览器(如IE9、opera、safari、FF等等)

Answer 2

JS实现的，如果判断是新增类型，就给不同的CSS属性。 动态增加数据，CSS,HTML是做不到的。

Answer 3

数字是动态变化的，所以肯定是浮动在上面的。