div css 如何实现在这个图标上显示消息数量,例如1.2.3.4...,求代码写法,谢谢

html-css016

div css 如何实现在这个图标上显示消息数量,例如1.2.3.4...,求代码写法,谢谢,第1张

用定位,把显示消息数量的标签定位到这个图标的右上角就行了,也有这样的插件:http://www.cssflow.com/snippets/app-navigation-with-notification-badges,你看看吧。

如果你是要背景颜色之类的等高的话,就把背景颜色切高1px,横向的切一条,用在父框架,在content的位置向下平铺就可以了,会背景图片定位就行了,

如果是要边框之类的等高,那你只能用js控制了

还有,别用绝对定位,绝对定位解决不了高度问题

<script>

var Lh = document.getElementById("local")

var Rh = document.getElementById("content")

if (Lh.offsetHeight>Rh.offsetHeight)

{

Rh.style.height = Lh.offsetHeight+"px"

}else{

Lh.style.height = Rh.offsetHeight+"px"

}

</script>