摘要：公司一个项目 遇到这样一个问题一个ul 做的下拉原本应该是酱紫可是ie7 却是这样后经过网友Jikey牛的指点 原来这个玩意叫做 ie7 relative 穿透意思是很多层容器 都被 设置了z-index 的时候 以最外面的那个z-index的值为准项目中挡住li的后面几项的 菜单div 恰好也被我设置了 z-index （absolute 布局）然而 ul 以及 装载整个搜索 组件的div 我没有设置z-index所以ie7下 下面的层级就比ul的要高！最后我仔细地 昏息了一下：css:1 *{margin: 0;padding: 0;}2 ul,li{pad... 阅读全文

摘要：不知道什么时候起，用firebug查看元素的时候，发现一张密密麻麻的图片，上面尽是本页面或者该站点的背景图片。网上看了资料这种搞法叫CSS Sprites（css精灵），乍一看还以为是什么神奇的软件其实就是把整个页面的背景图全部又一张大图包揽！目前很多牛逼的站都采用这种技术，比如百度的地图,音乐，文库，新闻等栏目，谷歌，facebook 等等有用到了！可能是从业尚浅，或者自身迟钝吧，我现在才发现这些东西的存在。为什么会如此火呢，这个技术？ 原因有很多，主要是可以提升用户体验！个人认为这是最重要的。虽说现在的网速已经是很快了，但是 http请求，既然是”请求” 想对来说是很慢的！而且本身被访.. 阅读全文

摘要：①ie6 flaot 双边距问题 display:inline;每个浮动元素② ie8 没有ul时候，li总会有padding；③ie6 div 上下有间隙 overflow:hidden; margin-top:-6px④font 写在line-height之前才能上下居中⑤ 假传圣旨 父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己 “领导”(父元素，祖先元素)的麻烦。只要给领导设置个有效的 border或者padding就可以有效的管制这个目无领导的margin防止它越级，假传圣旨，把自己的margin当领导的mar 阅读全文