IE6下的png透明图片的背景定位】的更多相关文章

在IE6下PNG透明图片做背景,无法使用background-position进行定位.但是可以使用margin和绝对定位来进行. 另外,由于IE6下的 :hover 只对<a>支持,对其他元素都不起作用,所以需要对IE6单独打补丁.可以使用微软提供的 csshover.htc文件进行修复. <ul class="nav"> <li> <a href="void 0" class="a"><i…
描述,透底的图片,在其他浏览器中效果: 在IE6中的效果:  1.改图片 IMG 换用gif格式的图片,但是这样的话图片效果不好: 想让IE6用gif的图片,其他浏览器用png图片,但是只有IE有这样的条件选择代码,其他好像没有.   <!--[if !IE 6]>           <img src="img/foot_logo_xiu_v2.png" alt="">           <![endif]-->       …
使用方法: 首先下载JS文件:http://dillerdesign.com/experiment/DD_belatedPNG/ 之后在页面中引用代码: <!--[if IE 6]><script src="DD_belatedPNG.js"></script><script>  /* EXAMPLE */  DD_belatedPNG.fix('.png_bg');    /* string argument can be any CS…
一开始是使用 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgBtn.png'); /* IE6 */ _ background-image: none; /* IE6 */ 来修正,后来发现这样会导致input被遮盖住,无法进行点击,据说加个position:relative能解决,测试没效,不晓得什么问题,而且这几个元素已经加了个position:absolute. so,继续找插件滴干活 使…
PNG32的alpha透明效果在IE6下会出现bug,出现灰色背景.而目前的解决方案就是 IE提供的滤镜.需要注意的是滤镜并不是对原图片进行修改,而是对相应的html元素进行 修改.所以在一个html中的多处使用alpha滤镜,那么性能的损耗将会累加. 现总结使用滤镜的缺点: 1,IE6下使用滤镜,那么无法对该PNG图片进行定位.可以通过其他解决方案完成.这篇 文章提到了两种解决方案,分别是硬编码和clip方案. 2,使用滤镜会冻结IE6的渐进渲染.渲染往往是从css下载完毕开始进行,然而对于使…
ie7,fireofx,opera,及至webkit内核的chrome ,safari….. 这些浏览器均支持png的Alpha透明. 很多人说IE6不支持PNG透明,其实IE支持100%透明的PNG,疯狂的IE6只是不支持png的Alpha透明. 这个BUG给我们带来了很大的困扰. 但是这仍然存在很多问题,比如半透明的PNG背景图片. Gulu77整理了4种IE6中PNG Alpha透明的方法: 测试实例:http://www.css88.com/demo/IE6_bug/IE6_bug_2/…
1. 在IE6元素浮动,如果宽度需要内容撑开,就给里面的块元素加浮动. 2. IE6下最小高度问题:在IE6下元素高度小于19px的时候,会被当作19px处理.解决方案:给元素加 overflow:hidden. 3. border:1px dotted #000: 1px dotted 在IE6下不支持 解决方案:切背景平铺 4. margin传递:解决方案:a.父级或自己浮动; b.给元素加 overflow:hidden;zoom:1; 5. 在IE6下父级有边框的时候,子元素的margi…
1.png图片不透明 少量图片时:使用滤镜: _background:none; _filter:prodig:DXImageTransform.Microsoft.AlphaImageLoader(src="../a.png"); 注意: 测试发现如果把样式写在css文件里,而非当前页面的<style></style>里,则不会生效. 图片多时:使用js插件,可参考ie6里png图片不透明. 其实如果是少量图片,可以直接把png改成gif,就不用特意为ie6作…
ie6 下背景图片不透明的方法,加上下面的js即可解决 //解决IE6下图片不透明 function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. { var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5) &…
来源于:http://xzl52199.blog.163.com/blog/static/95206446201142174540220/ 一.传统的JavaScript方法 思路: 1.一个专门解决png图片无法在IE6正常显示的JS类DD_belatePNG.js, 2.在页面中引入该类,并且指定对那些页面元素起作用 eg:<script>DD_belatePNG.fix('img')</script>     表示对img标签,这里可以写类名 代码: DD_belatePNG…