今天给客户做的例子中发现的一个问题，谷歌浏览器目前最新版本 41.0.2272.89 m 里表现出来的，其他版本没测试，当执行后，内容会停留在原处，缩放一下窗口就变好了，代码是没有问题的，不用3D也没问题，那么肯定就是GPU渲染问题，最后找到了解决办法，在要执行的元素上加入transform:translate3d(0,0,0); 这样让页面载入时就启用GPU，完美解决。

版本 41.0.2272.89 m版本 41.0.2272.89 m版本 41.0.2272.89 m版本 41.0.2272.89 m版本 41.0.2272.89 m版本 41.0.2272.89 m版本 41.0.2272.89 m版本 41.0.2272.89 m

目前只有Chrome版本12以上和Safari支持，IE，火狐，欧鹏都不支持。这个效果经常使用，但它总是用Javascript实现的。

代码结构如下：

<details open>
	<summary>展开/收缩</summary>
	这里是展开的内容
</details>

open表示默认展开

它允许我们在点击summary标签时显示和隐藏details里的其他内容。

不能嵌套使用。

summary标签会自动有个箭头，当你点击它时，下面的附加信息将会呈现，再次点击则隐藏。

FAQ页面中经常使用这个功能。

距上次改版已经1年多了，一直没时间弄，也懒得弄，期间发现了一些本站的借（盗）鉴（版）网站，这次主要更新了播放器，这玩意儿再借鉴估计有点难了。

阅读全文>>

如果两个单子是不同地方出库，那么就可以用此方法。

一. 加入购物车

二. 去购物车结算

三. 点击上面的“换购商品”

阅读全文>>

侧滑菜单已经成为app一个极常用的设计，包括微网站，手机网站，不管是哪类，甚至博客，都得到了广泛的应用，而HTML5和CSS3的出现更加增添了色彩。侧滑菜单因Path 2.0和Facebook为开发者熟知，本文搜集了一些时髦的，精致的侧滑菜单设计案例，绝大部分可以通过HTML5和CSS3实现，也就是说可以运用到手机网站上。

阅读全文>>