摘要：关于top、clientTop、scrollTop、offsetTop等的介绍 阅读全文

摘要：一个常用但是被高估的Javascript函数就是浏览器检测。有些时候，你想给出一个说明或者加载一个页面来提示用户，以免使用Safari等浏览器。使用方法：[代码][代码] 阅读全文

摘要：半透明效果有时候会给页面增加不少色彩，特别是Vista盛行之后，半透明效果更加受推崇。在诸多可用于Web浏览的图片格式中，只有PNG格式和Gif格式可以实现半透明效果，不过Gif格式的半透明效果很有限，而且会大范围失真，所以目前最流行的方式就是使用PNG格式图片。不过可惜的是，在Internet Explorer 6及以下版本中都不支持PNG半透明效果（至少是不直接支持）。不过幸好Microsoft在这些浏览器中内置了其他的功能，可以帮助我们来实这种半透明的效果。一、我们看一下普通情况下在现代浏览器中半透明效果的实现首先要有一张半透明的PNG格式图片，这个制作很简单，在Photoshop中新建 阅读全文

摘要：最近发现在IE6下不能正常显示PNG图片，这让我很苦恼。使用PNG图片的透明或半透明的特性能做出非常漂亮的网页来，在Firefox和Opera中对PNG的支持都非常的好，但是IE却无视PNG图片这一特性的 “存在”，虽然IE7已经支持可IE6还是不行。查了一些资料，基本解决了这一问题，这里跟大家分享。虽然有让IE6支持PNG透明背景的JS程序，但不是很方便，而且影响代码的简洁，还是用CSS来实现的好。使用到的是：IE5.5+的AlphaImageLoader滤镜语法：filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( en 阅读全文

摘要：这个问题其实包括两个方面，一是作为图片的透明度问题，即使用IMG标签的PNG图片的透明度，二是PNG图片作为背景情况下的图片透明度问题。对于第一个问题，如果是单张图片的话，可使用如下方法解决：CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><!--empty.gif为一张全透明的空白图片没有则留空--><imgid='show_comment'src="empty.gif"styl 阅读全文

摘要：CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. 　　 　　CSS技巧 　　 　　1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 　　 　　2. margin加倍的问题 设置为float的div在ie下 阅读全文