不规则形状导航

这样的导航看起来挺复杂,做起来其实挺简单,只是IE6要用到滤镜来确保PNG的透明。万恶的IE6啊!
这里还用到inline-block,IE不支持inline-block,hack给inline,IE6下给定zoom也能解决,再利用负方向的margin值将透明部位重叠。
关键css:
display:inline-block; *display:inline; zoom:1; margin-left:-37px;
预览效果:不规则的导航条
下载文件:点击下载
标签:CSS
这篇文章发表于2009年11月18日,下午,3:40,归类于html/css/xml/xsl。您可以通过订阅RSS 2.0跟踪对这篇文章的评论,也可以发表您的评论,或者从您的站点trackback。