关于悬浮CSS技术及PNG图片应用

首先说说关于网页的背景图片，由于IE6限制，大多数人都不敢用PNG图片做半透明背景或布局，白白浪费了png的优越性，这里介绍一个强悍的插件DD_belatedPNG。。网址http://www.dillerdesign.com/experiment/DD_belatedPNG/。

一个外国强人做的js工具，具体用法就不多说了，上面写的很清楚，不懂英语的可以上网搜搜DD_belatedPNG，这个插件让页面半透明效果成为可能，而且png格式小图片比gif和jpg节省空间，这是在像素比较高的情况下很好的选择。

 

另一个是浏览器兼容问题，IE的不友好升级模式让每位写页面布局的人都痛苦万分。CSS的应用最稳妥的方法个人觉得是悬浮技术。悬浮技术让各种浏览器间对像素的不同解析(特别是IE6的padding和margin双倍解析BUG)得到解决。只要父级层有positiong这个样式的时候，下级的层可以通过position:absolute或position:relative形成悬浮，加上top/left/right/bottom的设置可以让层悬浮于任何指定位置，而且最重要的是这种悬浮在任何浏览器解析都是一致的。而且结合js技术可以做到flash页面的效果。以下是我的作品，通过悬浮技术和普通的flash嵌套制作的页面：www.lumande.com/canzhu

 

此奈抛砖引玉，希望各位有更好的想法