纯css 制作三角形
.box1{ width:0; height:0; top:-10px; left:15px; position:absolute; border-style:solid; border-width: 0 10px 10px; border-color: transparent transparent #0CF; }
1.display:visibility 的应用对象无论值为何，浏览器都会加载生产此对象的dom结构.
2.visibility:hidden 的应用对象只保留并渲染该对象的尺寸
3.display:hidden 的应用对象暂时不保留也不渲染该对象
CSS 制作三角形 以及 display 、 visibblity属性含义
原文：http://www.cnblogs.com/tkj-ci/p/4347845.html