您的位置:首页 > Web前端 > JavaScript

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

2011-07-18 17:13 323 查看


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

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也不行!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: