陈春春的技术博客

See the Pen EPrbxW by chenchen (@larry011) on CodePen.参考链接CSS clip:rect几个值含义示意实例页面

0x01 前言0x02 代码编写0x03 成果 See the Pen adjwRd by chenchen (@larry011) on CodePen.

0x01 前言今天在tumblr上看到其瀑布流布局，如下图，觉得很有意思便研究了下，发现tumblr使用position:absolute布局的。照我之前的想法呢，是根据窗口大小，建立N条Col，然后依次将item append到col中。这样成本会小很多，因为只需要写好col的css即可：float:left或display:inline-block。0x02 代码编写HTML，CSS结构很简单，

今天在遇到一个opacity过渡的时候，遇到了一个奇怪的问题： 父元素设置了opacity。 子元素设置了z-index:-1 <div class="box" style="opacity:.7"> <img style="position:relative;z-index:-1" src="http://www.gbtags.com/gb/laitu/2