摘抄的一些内容，谁用谁知道

记录下蛮好的一些总结内容，摘抄的网上原文（http://www.zhangxinxu.com/wordpress/），只有用过的才会知道哈。一点一滴的积累。哈哈，慢慢享用。。。


display:none是个相当惨无人道的声明，子孙后代全部搞死（株连性），而且连块安葬的地方都不留（不留空间），导致全体民众哗然（渲染与回流）。
visibility:hidden则具有人道主义关怀，虽然不得已搞死子孙，但是子孙可以通过一定手段避免（伪株连性），而且死后全尸，墓地俱全（占据空间），国内民众比较淡然（无渲染与回流）。

记住这个：position: absolute元素溢出overflow: hidden元素的时候，如果其第一个含有position属性(static除外)的祖先元素（一直到body）是overflow: hidden元素祖先元素的时候，则不隐藏；否则，隐藏。

第三层：面向机器、面向开发者，面向普通状况下的普通用户以及特殊用户
第三层是标签内保留了图片上对应的文字，通过一些可用性更高的技术隐藏了。
text-indent负值在忘记设置overflow:hidden

图片后文本隐藏技术之z-index负值隐藏
根据我自己的理解：z-index负值可以让元素在其第一个含有定位属性(relative/absolute等)的父元素之上显示，该父元素其他子元素之下显示。因为body算是特殊的顶级定位元素，因此，我们基本上可以划分两种情况

无论是小屏幕的手机，还是大屏幕的桌面设备，默认img链接的图片都是小图
然后页面载入完毕后，如果显示器宽度超过一个限制，则src地址切换成大图地址。
其中，有个比较关键的就是，如果显示器宽度大于某个值，小图的高宽尺寸是要被放大的，也就是说小图会被拉伸显示。

Cookie + Server实现
github上有该技术介绍。该技术需要Javascript以及后台程序的配合。
加载需要的JS文件responsive-images.js, 该JS文件为获取当前用户显示器宽度，然后根据宽度值大小决定图片是小(small)呢，中等(medium)呢还是大(large)，然后写入对应的Cookie.
下面就是服务器端事了，服务器（可以通过配置项）检测Cookie是被设成了small呢， medium呢还是large决定图片的src地址到底是哪个。