拉登不开心

摘要： http://www.cssforest.org/blog/index.php?id=195 阅读全文

摘要： 今天做女装list2.0遇见了一个这样的问题：首先页面绑定了图片懒加载（DataLazyload），当你使用innerHTML将页面绑定懒加载的区域内容替换掉时，在ie6/7下，会报出莫名其妙的错误，原因就是首次初始化DataLazyload时，js将页面需要懒加载的图片或者area保存到相应数组中，然后给window注册scroll和resize事件，事件触发后就去数组中寻找需要懒加载的内容。当懒加载区域中的内容被替换时，数组中的变量就变成了空的引用，此时浏览器就会报错了。解决办法：在懒加载区域被替换之前将数组清空dataLazyload.images = [];dataLazyload.c 阅读全文

摘要： 在ie6下，页面注册懒加载后，如果使用监听window的scroll事件来实现一些浮动的元素随屏幕滚动效果，这种情况下图片加载会明显变慢，图片差不多是出现在可视区以后才开始加载。解决办法：不要使用window的scroll事件来调整浮动元素的位置，使用计时器来调整(function fixIE6(){var scrollTop = D.scrollTop();D.css('.gotop','top',scrollTop + viewportHeight - gotop_height - 80);setTimeout(function(){fixIE6(); }, 阅读全文

摘要： 背景半透明最佳实践 http://sofish.de/1916CSS Gradient Generator 工具 http://www.colorzilla.com/gradient-editor/ 阅读全文

摘要： 最近做垂直市场遇见这样一个问题，在标准浏览器下如图一，所有地区列表正常显示，以下拉形式浮在最上层，可是在IE6、7下如图二就会被下面的图片所遮盖，z-index设置多大都不起作用。图一 （标准浏览器 和 IE8+）图二 （IE 6、7）原因是在IE8+以及标准浏览器下设置了定位的元素之间是可以比较高度的，而在IE6、7下，z-index受到了HTML代码等级的制约，z-index只能在同等级的HTML上体现他的作用。城市列表和层二不在同一个等级，所以他们之间没办法比较高度的。由于层一的高度小于层二，所以他的子元素的高度就不可能大于层二的高度。解决该问题的唯一办法是增加层一的高度，设置其样式为r 阅读全文

摘要： <div></div><style>div{ width:0; height:0; line-height:0; font-size:0; border-style:solid dashed dashed; border-color:red transparent transparent; border-width:10px 8px 8px;}</style> 阅读全文

摘要： 上大学以来每年的十一都是我进步最大的时候，记得09年的十一我用了八天时间在宿舍提前学了下java，结果开学后大家看我的眼光顿时就变了，还经常有人问我问题了，我也就装模作样的帮他们解答解答，总之那个十一让我有了一点点的成就感。想当年来软件学院本不是我的意愿，但是没有办法，高分的专业没有考上，只能硬着头皮学自己不感兴趣的专业，我的专业是软件工程，我挂的第一门课就是软件工程，随后虽然没有再挂过，但是一直在挂科的边缘，经常为考试不挂科废寝忘食的做小抄，考场上提心吊胆的把考卷填满，结果出来好多60分，也不知道是真的得了60还是老师可怜我，总之跟计算机沾边的课我都学不会。学C、跟C++哪是一个惨字能形.. 阅读全文

摘要： <style> .article{ position: relative; width: 990px; background: #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padd... 阅读全文

摘要： .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: block; *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ width:200px; height:200px; ... 阅读全文

摘要： 对于支持box-shadow属性的浏览器只要一层标签就可以搞定了，但是，如果要使用模糊滤镜实现IE浏览器下的盒阴影效果，需要借助一个“幕后”的标签，这是一个与主体标签同样大小的div，有着特定的背景色（取决于投影的颜色），以及模糊大小，由于与主体标签大小一致，现代浏览器不鸟IE私有的filter滤镜，所以，此“幕后”标签的存在对于Firefox、Chrome这类现代浏览器的UI表现几乎没有任何影响... 阅读全文