随笔分类 -  前端

自由的前端，稳定的后台
[Z]四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释
摘要：http://wenku.baidu.com/view/bc862eea6294dd88d0d26b52.html### 阅读全文
posted @ 2013-12-23 11:43 waytofall 阅读(178) 评论(0) 推荐(0)
[z]兼容IE6的相对于浏览器窗口定位
摘要：http://blog.uedsc.com/css-position.htmlhttp://www.w3cmm.com/notepad/css-position.htmlhttp://sofish.de/991 阅读全文
posted @ 2013-12-23 11:32 waytofall 阅读(459) 评论(0) 推荐(0)
可以兼容ie6的纯CSS三级鼠标悬停显示/隐藏菜单实现
摘要：本来在chrome上用js写的好好的三级显隐菜单，放到ie6上一测试竟然奇葩般的会瞎闪。问题原因至今没参透，可能是我每次响应事件的处理代码过长？？总之我是对ie6幻灭了，去网上搜一搜能支持ie6的下拉菜单的实现，发现了这个网站的实现：http://www.jb51.net/article/12964.htm（请猛点我）实现得相当漂亮，没有用一行js代码，其主要思想是将二级菜单嵌入到上一级菜单项的dom对象中，并使用上一级菜单项的hover伪类来控制二级菜单的visibility属性。唯一美中不足的是这个实现只是一个二级菜单，我需要做一个三级的。试了一下与原实现类似的写法：ul li:hover 阅读全文
posted @ 2013-10-31 22:59 waytofall 阅读(3711) 评论(0) 推荐(0)
关于网页中行内元素的基线(baseline)、行高(line-height)、垂直对齐(vertical-align)等
摘要：CSS基线之道http://www.qianduan.net/css-baseline-road.html垂直对齐：vertical-align属性http://www.ddcat.net/blog2005/archives/2008/07/233.html行高：line-height属性http://www.ddcat.net/blog2005/archives/2008/06/232.html 阅读全文
posted @ 2013-10-29 17:05 waytofall 阅读(1957) 评论(0) 推荐(0)
[z]CSS在Internet Explorer 6, 7 和8中的差别
摘要：http://www.qianduan.net/css-differences-in-internet-explorer-6-7-and-8.html 阅读全文
posted @ 2013-10-22 16:13 waytofall 阅读(205) 评论(0) 推荐(0)
ie6绝对定位的块会被select元素遮挡的解决方案
摘要：RT（已无力吐槽ie），解决方法是：定义一个iframe，与想要显示的绝对定位的块设置为同一大小、放在同一个位置上。我的网页里绝对定位的元素是会随着鼠标移动显示和隐藏的，于是这个frame也要跟着显示隐藏。iframe定义大体如下： 阅读全文
posted @ 2013-10-22 16:12 waytofall 阅读(264) 评论(0) 推荐(0)
Normalize.css与Reset CSS：定义浏览器统一的默认样式
摘要：今天在chrome上测试我的网页，发现一个段落多出了一些margin，而我自己没有设定。打开f12调试，发现在一个“user agent style”栏下定义了这个margin，去google一搜，发现是浏览器默认的样式，详见：http://stackoverflow.com/questions/12582624/what-is-user-agent-stylesheet进而搜了一下啊normalize和reset，发现这两个东西配合使用可以使得同样的网页在不同浏览器获得同样的显示效果，消除浏览器间在样式上的差异。这个东东可以收藏下，以后如果需要可以用用，可以参见链接如下：http://sta 阅读全文
posted @ 2013-10-22 14:22 waytofall 阅读(814) 评论(0) 推荐(0)
IE6中PNG图片背景无法透明显示的最佳解决方案
摘要：我想，对于像我这样的年轻的程序员来说，做网页开发时用chrome、firefox或者ie10什么的大约是被宠坏了。所以当最近做的项目不得不在恐龙化石般的ie6上运行时，ie6种种诡异的行径简直让我发指。具体可参考：http://www.cnblogs.com/waytofall/p/3377177.htmlhttp://www.cnblogs.com/waytofall/p/3376737.html由于我的64位机装不了ie6，之前都是在ie10 f12环境下的ie5.5模式下运行。这次装了个虚拟机xp，用ie6一测发现png的背景竟然无法透明，这简直是天大的笑话啊。后来网上搜了很多解决方案， 阅读全文
posted @ 2013-10-21 19:47 waytofall 阅读(303) 评论(0) 推荐(0)
关于ie6中绝对定位或浮动的div中既有向左float也有向右float时候如何让外层div自适应宽度的解决方案--
摘要：一个详细的说明请见：http://www.cnblogs.com/yiyang/p/3265006.html我的问题大约为，如下代码： 我向左浮动 我向右浮动可以亲自试一下，在ie6中的显示结果如下：而在chrome中，结果如下：首先解释下，在chrome中，如下外层的元素不是浮动，则两个内部div一个在左一个在又，这属于正常；而如果为浮动或绝对定位的，则内部div相邻。ie6中则都是一个在左一个在右。由于我是想做一个鼠标移上去就显示的下拉列表，因此必须使用绝对定位，而由于下拉列表中有文本，必须使用自适应宽度，在网上查了很多解决方案，包括设置zoom: 1什么的，都不好用。最好只好自己... 阅读全文
posted @ 2013-10-21 19:38 waytofall 阅读(1155) 评论(0) 推荐(0)
[Z]关于html中的条件注释
摘要：http://www.qianduan.net/conditions-of-the-notes-user-guide.htmlhttp://www.cnblogs.com/dtdxrk/archive/2012/03/06/2381868.html 阅读全文
posted @ 2013-10-18 21:35 waytofall 阅读(163) 评论(0) 推荐(0)
[z]IE6各种不兼容问题
摘要：http://blqw1.diandian.com/post/2012-01-12/16137399http://www.cnblogs.com/qiangspecial/archive/2013/05/29/3106136.htmlhttp://louis531029167.blog.163.com/blog/static/164594313201152141111557/ 阅读全文
posted @ 2013-10-18 21:21 waytofall 阅读(178) 评论(0) 推荐(0)