摘要：转眼又已过去了一年，在这一年里，Firefox 和 Chrome 在拼升级，版本号不断飙升；IE10 随着 Windows 8 在去年10月底正式发布，在 JavaScript 性能和对 HTML5 和 CSS3 的支持方面让人眼前一亮。这篇文章给大家带来《五大主流浏览器 HTML5 和 CSS3 兼容性大比拼》，让我们一起看看2013年的浏览器现状。 阅读全文

摘要：对于前端开发工程师来说，确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情，幸运的是，有很多优秀的工具可以帮助测试浏览器的兼容性，让我们一起看看这些很棒的工具。 阅读全文

摘要：作为一名前端，我们通常要做的就是让页面在各系统A-Grade浏览器，甚至网站浏览份额0.1%以上的浏览器上良好显示。当然，还有性能问题。不过，今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天，IE6-9/Mozilla（Gecko）系列/Chrome/Safari/Opera etc. 这些浏览器的兼容，无不让前端们头痛。 阅读全文

摘要：兼容性问题目前市面上流行的浏览器有多种，这些浏览器在处理一个相同的页面时，表现或行为有时会有差异。这种差异可能很小，甚至不会被注意到；也可能很大，甚至造成在某个浏览器下无法正常浏览。我们把引起这些差异的问题统称为“浏览器兼容性问题”。浏览器的内核各品牌浏览器的内核是不同的，不同的内核处理同一段代码的时候思路不同。因此可以说，浏览器间内核的差异是产生兼容性问题的根本原因。“内核”也称为“引擎”。常见的浏览器及其渲染引擎（又称排版引擎）、脚本引擎的列表如下：Browser NameLayout EngineECMAScript EngineInternet Explorer 6 - 8Triden 阅读全文

摘要：一、跨浏览器的网页设计一直是让人很头疼的问题，这不只是因为浏览器的版本众多，还有一个重要的原因是相同浏览器的不同时期的版本也会有差异，甚至是在不同操作同台上还会有不同。因此使CSShack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSSHack技术有很多，具体可以查看： 本文据说的主要是通过“.”，“>”，“*”，“_”来区分。以下是本人对这四种符号的测试结果： ———————IE6——IE7——IE8——FF2——FF3—Opera9.5 >property——Y——Y——Y——N——N——N .property——Y——Y——Y——N——N——N *property——Y 阅读全文

摘要：一个常用但是被高估的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 阅读全文

摘要：你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外，世界上还有近百种浏览器。 几天前，浏览器家族有刚诞生了一位小王子，就是Google推出的Chrome浏览器。由于Chrome出生名门，尽管他还是个小家伙，没有人敢小看他。以后，咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。 在网站前端开发中，浏览器兼容性问题本已让我们手忙脚乱，Chrome的出世不知道又要给我们添多少乱子。浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言，我们可以通 阅读全文