leo列

导航

摘抄: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文件。

posted on 2012-09-05 18:21  leo列  阅读(228)  评论(0编辑  收藏  举报