摘要: 带三角箭头的提示框,就是下面所示:这是一个提示框通常我们都用图片来实现上面那个小三角,因为这样方便快速,但是如果图片处理得不好,会看起来有杂边,从而影响视觉,所以换一种思路来解决。首先来研究一下CSS是如何实现三角形的。假定有一个盒子(div),给定宽高分别为100像素,再给定边框50像素,那么它看起来会是下面这个样子(为了更直观,给了边框四种不同的颜色):接下来,把盒子的高度设为0:再把宽度也设为0:这样雏形就已经出来了,由于IE6的bug(高度为0的div会有一定默认的高度,我的电脑上测量结果为19像素),需要做一些小调整,给div加一个overflow:hidden,IE6就能正确解析了 阅读全文
posted @ 2012-09-27 18:22 piuba 阅读(1381) 评论(0) 推荐(0) 编辑
摘要: Freetile.jsFreetile will organize your content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will arrange it's children in a layout that makes optimal use of screen space, by "packing" them in tightly.Freetile.js →Responsive Carouselres 阅读全文
posted @ 2012-09-27 18:15 piuba 阅读(449) 评论(0) 推荐(0) 编辑