不用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也不行!

posted @ 2011-07-18 17:13  kiter  阅读(1777)  评论(0编辑  收藏  举报