今天奇亚在逛的时候又发现了一些好东西，对CSS3早有耳闻，也到W3网站上看过。对CSS3我还是很期待的。
CSS3提供了非常多新途径去改善你的设计工作，且做了不少重要的变化。CSS3语言开发是朝着模块化发展的。 以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括：

• 盒子模型
• 列表模块
• 超连结方式
• 语言模块
• 背景和边框
• 文字特效
• 多栏布局

　　几个模块现已完成，包括的SVG （可扩展矢量图形） ，媒介资源类型（Media Queries）和命名，而其他的模块开发工作则仍在进行中。如果要给出一个预定的日期的话，非常困难，不管怎样，web浏览器将全面支持CSS3的各种新特点，一些新的探索已经开始了。针对不同浏览器，新的功能是逐渐应用的，仍然需要1-2年的时间，每一个新的模块才有可能被广泛应用。

以下列出CSS3新的特性。

/* Columnas */
DIV {
	width: 400px;
	column-count: 4;
	column-width: 100px;
	column-gap: 10px
	column-rule: none;
}

/* Multi-background */
.multi {
	background: url('http://www.joostdevalk.nl/images/body-top.gif')
	top left no-repeat,
	url('http://www.joostdevalk.nl/images/banner_fresco.jpg')
	top 11px no-repeat,
	url('http://www.joostdevalk.nl/images/body-bottom.gif')
	bottom left no-repeat,
	url('http://www.joostdevalk.nl/images/body-middle.gif')
	left repeat-y;
}
 More »

IE：
filter:alpha(opacity=sqlN)
其中 sqlN的值域为[0, 100]

Firefox：
-moz-opacity:sqlN
其中sqlN的值域为[0, 1]

Chrome和Safari：
opacity:sqlN
其中sqlN的值域为[0, 1]

UPDATE

Apr 26

对于Firefox来说，用opacity就能完成透明化设置了，所以上面的-moz-opacity参考一下。
还有请注意，上面的属性会将元素内的所有内容都透明化，包括文字与图片，所以如果想要背景半透明的话，目前推荐的方法是用PNG图片做背景。
一般不考虑IE6兼容性，如果要考虑IE6的兼容性请在网上搜索PNG JS，会有一些javascript能够优化IE6下的PNG半透明，在我的QQ空间中也有相关的代码。这里不阐述了

关于一些浏览器的的Hack，我怎么老是忘，每次都要查，实在是郁闷

现在，就几句话我要写清楚！我只写关于 IE6, IE7 的hack

至于Chrome, Safari, Opera那些我就先不写了，毕竟那些出错是有点麻烦，目前也不是主流浏览器。那至于IE8，刚刚正式发布不久，从目前情况来看，显示效果和FF3好像还没发现不同，IE8以后再说了。如果你看到此文章时已经有发现问题的话，可以和我留言，我们共同研究。

1、只有IE6 和 IE7 有效的hack:

.abc{width:100px; *width:50px;} /*IE6与IE7将体现 width:50px*/

(这一条在我以前学习的教程中说是IE7特有的hack，但是我今天试验后，IE6也被影响到)

2、下面是 IE6, IE7 与 IE8, FF 的hack（其实可以和第一条放在一起）
就如我的感觉，使用IE8那么多天以来，页面显示方面更偏向于FF，而非传统的IE系列，这个原来是对付IE系列与FF系列的hack现在已经成了 IE系列与IE8和FF的hack了，呵呵，说实话，对于IE8的“叛徒”举动，我非常赞成，以后可以少很多工作量了。

.abc{width:100px; +width:50px;} /*IE6与IE7将体现 width:50px*/

3、只有IE6有效的hack

.abc{width:100px; _width:50px;} /*IE6将体现 width:50px*/

或者

.abc{ width:50px!important;      width:0;}  /*有important的必须在前面，ie6为0*/

More »