不用JS照样使IE6支持PNG 24位背景图支持透明背景且链接不会失去焦点

 最近搞一个页面为了不麻烦从网上找到的方法结合 我原来使用的方法记录一下，以后翻日记可以继续使用。

IE6下背景支持PNG24位，且不会失去焦点图代码如下 。

 

ul li { width : 100px ;  height : 31px ;  line-height : 31px ;  font-family : "微软雅黑" ;  font-size : 16px ;  color : #000 ;  background : url(/images/park/navbg.png) no-repeat ;  text-align : center ;  float : left ;  margin-right : 11px ; _filter :  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/park/navbg.png') ;   /*  IE6  */ _background-image :  none ; }

ul li a { position : relative ; }

 

 关键点就在最后这个 position:relative; 这个上面，A因为filter 失去焦点，最后加上一句 position:relative; 就获取到焦点了。

一直搞前端开发，其实就是输出高宝真原型设计图成HTML而已

现在这个职位的名称越来越多了，我都来的时候叫我页面切图的，初到深圳不管他们叫我啥，我其实就是一个页面输出成HTML的人而已。

其实这个职位也有蛮多要学的，像现在HTML5 CSS3 JS之类的，说起JS我学没有学会呢。

 

学习JS当中，有快速方法的兄弟告诉一下，不胜感激。

 

 更新一下：

链接所在的层以及父级，全都不能有position，否则的话链接无效，即使relative也不行！