柒叶

摘要： $("#keyInPwd").on("click",function(e){ var target = $(e.target); if(target.closest(".innerInfo").length == 0){ hidePwdMask() }e.stopPropagation(); }); 阅读全文

摘要： IE-7： 有默认外边距margin样式的元素： dd，menu, ol, ul, blockquote, body, dd, dl, form, h1-6, ul 有默认内边距padding样式的元素： th, td, textarea, input, fieldset, caption, IE- 阅读全文

摘要： 今天做 banner 时发现一个问题，就是浏览器窗口水平拉伸时 banner 图未能居中，所以网上找了些资料，自己写了个小 demo html代码： css代码： 原理就是，先用 left：50%； top：50%； 让这个 div 的左上角位于页面正中，如图： 然后再利用 margin-left： 阅读全文

摘要： 实现效果： 为了让下方的横条居中显示，而且后期添加/减少时，也能动态居中，因此考虑将 ul 中的内容设置为block，这样才能对 ul 进行 text-align: center; 的设置，因此这里的 li 不能用 float ：left ；必须设置成 display ：inline-block； 阅读全文

摘要： 在每个菜单之间加下划线，如下图效果所示： 一般会这样写： 事实上，还有更方便的办法： li+li 选择器的意思是：选择紧接在 li 元素后出现的li，两个元素拥有共同的父元素 用一个结合符只能选择两个相邻兄弟中的第二个元素 阅读全文

摘要： 现代浏览器的最新版都支持inline-block，只有该死的ie6、7不支持inline-block，但ie6、7可以通过 来模拟 下面是inline-block兼容的代码： 但是大家有没有发现，在firefox，safari，opera，ie8+中的 inline-block 元素之间会莫名其妙多 阅读全文

摘要： box-sizing属性 当设置一个元素为 box-sizing: border-box；此元素的内边距和边框不再会增加它的宽度，支持IE8+ 两个div呈现一样的宽度 这样可以确保所有的元素都能按照这个方式排版，内边距和边框不会影响box的宽度 阅读全文

摘要： 下面记的是我遇到的和搜集的一些常见的浏览器兼容问题： 1、不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率：100% 解决方案：css里 *{margin:0;padding:0;} 备注：这个是最常见 阅读全文