史上最全的css hack（ie6-9,firefox,chrome,opera,safari）
在这个浏览器百花争鸣的时代，作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心，主要体现在javascript和css上面。javascript我这次就不谈了，先说说css。
为了适应不同浏览器不同的版本（版本主要就ie来
http://cyqdata.com/cnblogs/article-detail-52523
HTML5，为你的网页添加音效（兼容Firefox 3.5+, IE 6-9, Safari 3.0+, Chrome 3.0+, Opera 10.5+）
为交互添加恰当的音效，常常能改善用户体验。在我们所熟悉的windows里，清空回收站的碎纸声就是很好的例子。
下面是一个利用HTML5, Jquery，给页面添加音效的小组件（只是添加音效，并不是播放器）。
其实很简单，就是利用HTML5中的audio标签，播放声音。不过为了照顾IE 6-8，还是用上了bgsound。
兼容所有主流浏览器（非主流不在考虑之列了）
闲话少说，上代码：
<a h
http://cyqdata.com/cnblogs/article-detail-41177
兼容 IE,Firefox 的图片自动缩放的CSS
一直以来有个很头疼的问题困扰着我，那就是图片缩放的问题，写到 JS 里面吧，不太容易修改。写到 CSS 里面吧，IE 6 又不支持
max-width，今天用了很久时间终于解决了这个问题，基本完美了，唯一不完美的就是 IE 6
只有在图片完全下载完成后才会自动调整大小，不过聊胜于无，总比进入页面后看到长长的横向滚动条舒服的多，这里使用了
expression，但是利用了一次加载，所以 expres
http://cyqdata.com/cnblogs/article-detail-40357
CSS3 应用01 - 文本阴影效果（兼容IE 7-9 Firefox Opera Chrome 等多浏览器）
郑重声明，如果引用，请注明出处：（原创 博客园：天之子）
CSS3 提供一个文本阴影属性：text-shadow : color || length || lenth|| opacity
其中，第一个参数是颜色，第二个参数是阴影的水平延伸距离，第三个参数是阴影的垂直延伸距离，第四个参数是模糊效果的作用距离。支持设定多组效果。
例如：text-shadow: #333333 4px 5px 6p
http://cyqdata.com/cnblogs/article-detail-40142
Firefox/Opera不支持onselectstart事件
如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Firefox/Opera不支持onselectstart事件</title>
</head>
<body>
<div id="d1" style=
http://cyqdata.com/cnblogs/article-detail-38871
用来武装Firebug的十三款Firefox插件
如果你是一名Web设计师，Firebug想必不会陌生，作为一款Firefox插件，它可能是网站前端开发最有用的工具之一。尤其是如今网站中用到越来越多的javascript和ajax技术，firebug为Web前端开发与调试提供了莫大便利。Firebug拥有众多优点，其中就包括可扩展性，下面介绍的这些Firefox插件就是用来武装Firebug的，让它变得功能更丰富，更便捷。
YSlow（Why
http://cyqdata.com/cnblogs/article-detail-38462
带你走进Firefox的插件世界
浏览器的发展已经从当初单纯的web显示，发展到今天的集各种周边功能于一身的一个大型应用软件集合，比较典型的应用包括：浏览器在线收藏、广告过滤、浏览安全、智能填表、扩展插件的支持、个性化主题、以及最近比较热门的核心之争等都是现代浏览器所带给大家的方便应用。这些应用明显区别于传统浏览器，这些功能的出现最大的受益者就是用户，但是也有一部分浏览器厂商把这些功能的体现安置在了插件扩展内，让用户自行选择自己需
http://cyqdata.com/cnblogs/article-detail-38272
快速开发新浪微博的firefox插件（下）
上篇主要讲了讲firefox插件的机制，接着我们来看快速开发一个firefox插件中我面临的第二个问题----Oauth授权（开始开发的时候只是想着快速开发完成，当然授权这块最快的方案自然就是basic auth，但是新浪微博６月１号以后就不支持basic auth了。)。
Oauth的官网上说是这样描述它的用途：
An open protocol to allo
http://cyqdata.com/cnblogs/article-detail-38222
HTML5视频方案：支持Ipad、Safari、Firefox、Chrome、IE9876
HTML5视频方案
支持Ipad、Safari、Firefox、Chrome、IE9876、Opera
商业方案：mp4->flash放mp4
视频文件格式：mp4
支持：Ipad、Safari、Firefox、Chrome、IE9876、Opera
原理：在Ipad、Safari、Chrome、IE9中原生播放mp4，在Firefox、Opera、IE876中使用flash播放器播放mp4
http://cyqdata.com/cnblogs/article-detail-36529
让Firefox支持insertAdjacentHTML和insertAdjacentText
这两个属性首先是IE4提出且实现的，它可以实现在一个 DOM 元素的前面、后面、第一个子元素前面、最后一个子元素后面四个位置，插入指定的 HTML 片段。
其它浏览器相继支持。唯有Firefox不支持，甚至新发布的FF4。insertAdjacentHTML已被HTML5采纳。如下扩展HTMLElement.prototype，为其增加这两个属性。
if(HTMLElement.prototyp
http://cyqdata.com/cnblogs/article-detail-35774
提升用户体验的40个Firefox 4扩展
我在上一篇文章《硝烟渐浓：Windows下主流浏览器的全面比拼》中提到了Firefox强大的扩展性，并链接了两年前写的文章《提升用户体验的38个Firefox扩展》。但是我发现这篇发表于百度空间的日志“被”私有了，原因是因为含有某些关键词。我通读了几遍，改了几个我认为可能是关键字的内容，可是仍是私有状态，搞的我很是莫名其妙。因此我决定在原文的基础上修改一下，重新撰写一篇Fi
http://cyqdata.com/cnblogs/article-detail-35659
Firefox中autocomplete="off" 设置不起作用Bug
在实现补全提示功能时(Suggest)，都会给输入框(Input)元素添加autocomplete属性，且值设为off。自动补全也成自动完成，最经典的如google的搜索框，输入一个字母后会给用户很多提示选择
查看源码会发现input输入框加上了autocomplete="off"，此为了屏蔽浏览器表单默认的记忆功能。淘宝，百度的搜索框也有该属性。autocomplete 属性是非标准的，首先在
http://cyqdata.com/cnblogs/article-detail-35509
Firebug 1.7.0 正式发布 完全兼容 Firefox 4
Firebug 是最流行的 Web 开发工具，功能非常强大。在经过十一个 Alpha 版和四个 Beta 版之后，Firebug 开发团队终于宣布正式发布 Firebug 1.7.0 版本，同时发布 Chrome 版的 Chromebug 1.7.0 版本，正式版修复了最后一个 Beta 版本中的三个 Bug。
Firebug 1.7 完全兼容今天正式发布的 Firefox 4，另外还新增了
http://cyqdata.com/cnblogs/article-detail-35305
firefox input file click 火狐 点击无效 上传
input.file {
position: relative;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;}
Upload File 作者: 达奇 发表于 2011-03-18 13:21 原文链
http://cyqdata.com/cnblogs/article-detail-35115