摘要： 假设有这样一个需求：header和主区域是原来就有的，现在要在页面中加一个背景图，要求该背景图层在主区域之下，但在主区域之外的部分可点击，是一个链接。我简单思考了下，就知道不能用背景图实现，因为背景图是无法点击的。虽然可以勉强用js监听body点击然后根据点击位置来判断是否是背景图发生了点击，但这未免太笨拙。于是决定在主区域下铺一层，设置z-index:-1.图片设置为bgImg的背景图。代码如下： 但是事实证明这样设置后, bgImg无法被点击到，hover时也不会显示手形，因为z-index为负值的... 阅读全文

摘要： 我个人比较喜欢的css书写顺序：1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.背景(background, border等)4.文字系列(font, line-height, letter-spacing, color- text-align等)5.其他(animation, transition等)因为我习惯把页面当成一张白纸，而我们书写样式就像是在纸上作画，我喜欢先描绘出轮廓，再充实细节。描绘轮廓包括：确定下笔的位置(position, top, rig 阅读全文

摘要： if( [] )alert(1);if( ![] )alert(2);if( ![] == [] )alert(3);if( [] == false )alert(4);问会弹出几？===============答案：1，3，4.1：[]隐式转化为true; 3:![]--->false, 所以接下来就是[]==false的比较，同4，见下解。4：[]--->0, false--->0, so...0==0--->true. But,why? 见下文：相等运算符 （==、!=）如果两表达式的类型不同，则试图将它们转换为字符串、数字或 Boolean 量。NaN 与包括其 阅读全文

摘要： falsy值并不完全彼此相等js中falsy值： '', 0,-0,NaN, false, null, undefined.所有这些值取反（通过!运算符）都是true. 因此一直以为使用 '==' 判断时它们会彼此相等，今天才发现不是这样.使用 '==' 判断时：1.NaN和任何值都不等,包括它本身,即NaN==NaN(false).2. 除NaN外，其它值都与自身相等，如null==null(true), 0与0(true).3.除自身外，null和undefined只与彼此相等;4.除自身外，-0,0,'',false 彼此相 阅读全文

摘要： 这两天读了《CSS权威指南第三版》的第6章，对vertical-align小节有些疑惑，在浏览器对text-top和text-bottom的处理上作者讲的不够清晰，例子也很片面。下面具体跟大家谈谈。友情提示：下面的内容需要你先理解 替换元素，非替换元素，css行模型（行高，行间距，内容区，行内框，行框）等相关概念，有欠缺的朋友请先到google充电。vertical-align的其它取值这里就不讲了，想了解的可以参考下面链接的几篇文章，这里只讲text-top和text-bottom.在讲到text-bottom时，作者原文是这样说的："vertical-align: text-bo 阅读全文