CSS for IE6, IE7 and Firefox

解决CSS的浏览器兼容 [coolcode lang=”css”] #example { color: #333; } /* Firefox */ * html #example { color: #666; } /* IE6 */ *+html #example { color: #999; } /* IE7 */ [/coolcode]

read more..

CSS滤镜的应用

basicimage [coolcode] CSS滤镜的应用 [/coolcode] CSS滤镜的应用 [coolcode] CSS滤镜的应用:grayScale [/coolcode] CSS滤镜的应用:grayScale [coolcode] CSS滤镜的应用:mirror [/coolcode] CSS滤镜的应用:mirror [coolcode] CSS滤镜的应用:opacity [/coolcode] CSS滤镜的应用:opacity [coolcode] CSS滤镜的应用:xray [/coolcode] CSS滤镜的应用:xray [coolcode] CSS滤镜的应用:invert [/coolcod...

read more..

最窄770px最宽1024px经典布局

最典型实用的上中下,并且中间分三列的布局,这个例子有2个特点: 1. 中间三列效果,可以任意实现单列背景色。 2. 整体最窄770px,最宽1024px,也就是说窗口小于770xp就出底部滚动条,如果大于1024px自动屏幕居中。 IE6.0和FF1.5测试通过 效果浏览 分析: 最外层的wrapper把所有内容都嵌套在里边,整体相对定位。max min已经很好的控制了最窄最宽值,但对IE没有作用。如果没有其他布局的穿插,这一层其实写...

read more..

[阿捷]CSS之兼容浏览器篇

先温习一下对于IE的box-model的破解 IE box-model这个臭名昭著的bug存在于IE6/Win以前的每一只版本,这个虫子直到tantak发布了流传最为广泛的那个hack才开始被驯服 http://www.tantek.com/CSS/Examples/boxmodelhack.html IE5.X/win对box-model的解析是一样的,他们认为width包括了边框(border)和补白(padding),幸运的是这个情况在IE6中有了好转 但是IE6在向后兼容的同时也包容了以前的错误,IE6其实有两...

read more..