摘抄:IE6透明的一种方法
这种方法既能支持背景也支持插入的img图片,只需要下载一个JS<a href="https://files.cnblogs.com/ggbd-lie/DD_belatedPNG.js" target="_blank">DD_betatePNG.js</a> .
然后调用DD_belatedPNG.fix("element"); 调用方法类似于jQuery里的选择元素。 例如:element="#content" 或者 element=".content" 如果选择多个 element=".a,.b"
为了提高效率,注意:元素应该避免用position:relative;这样会导致位置出现错误。如:
这里DD_belatedPNG.fix(".logo img,.content"); .content的样式是
.content{ width:994px; height:605px; margin:70px auto 47px auto; position:relative; }
这里用到了position:relative;就出现这种问题。 解决办法 在<div class="content"></div>里面加一个<div id="step1"></div> 然后把内容放在这个标签里面,然后调用DD_belatedPNG.fix("#step1");这样就OK了。
可以用<!--[if IE 6]><script type="text/javascript" src="js/DD_betatePNG.js"></script><![endif]-->这段代码放在<head>标签里,来使页面在只有IE6下引用
这个JS文件。