|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
方便性:课外,我们了解到现在流行的LBS系统、PJBLOG、php下面的WP、MT,都是采用Div+CSS构架。在平时的练习中我们就遇到过
之前本站已供应一种办法(请在本站搜刮关头字“通明”便可找到),这类供应别的一种办法:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>ie7以下扫瞄器PNG图片背景通明的办理举措</title><!--[ifltIE7]><styletype="text/css">div,img{behavior:url(http://www.ckuyun.com//upfile/iepngfix.htc)}</style><![endif]--><style>body{background:url(/uploadfile/200806/18/E81059891.jpg)}.iepng{width:275px;height:94px;background:url(/uploadfile/200806/18/DF1059248.png);padding:20px;}</style></head><body><divclass="iepng">尺度之路<br/><br/><ahref="http://www.ckuyun.com">点击翻开尺度之路</a></div></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
看到了吧,在IE6下测试一下你会发明,PNG的背景已是通明的了。可是有些时分我们必要在定位的层上完成如许的效果,如本例的效果我想把它流动在别的层之上,相似于弹出窗口的模样,那末就要用position:absolute;把这个层浮动起来。这时候成绩又呈现了,链接竟然生效了???
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>ie7以下扫瞄器PNG图片背景通明的办理举措</title><!--[ifltIE7]><styletype="text/css">div,img{behavior:url(http://www.ckuyun.com//upfile/iepngfix.htc)}</style><![endif]--><style>body{background:url(/uploadfile/200806/18/E81059891.jpg)}.iepng{position:absolute;top:261px;left:309px;width:275px;height:94px;background:url(/uploadfile/200806/18/DF1059248.png);padding:20px;}</style></head><body><divclass="iepng">尺度之路<br/><br/><ahref="http://www.ckuyun.com">点击翻开尺度之路</a></div></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
之前也看到他人供应的办法,说把为链接界说个绝对属性position:relative;,但自己试了仿佛不可。那末有无别的办法能完成了,上面自己供应一个对照笨的办法来完成:
既然是相对地位的浮动层,那末我们接纳两个相对地位的浮动层,把背景独自设置在一个层上,而且让这个层居下,在上边的层上放笔墨及链接内容,这类办法可行吗??理论是查验真谛的独一尺度,让我们拭目以待!!
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>ie7以下扫瞄器PNG图片背景通明的办理举措</title><!--[ifltIE7]><styletype="text/css">div,img{behavior:url(http://www.ckuyun.com//upfile/iepngfix.htc)}</style><![endif]--><style>body{background:url(/uploadfile/200806/18/E81059891.jpg)}.iepng{position:absolute;top:261px;left:309px;width:315px;height:134px;background:url(/uploadfile/200806/18/DF1059248.png);z-index:1;}.iepng1{position:absolute;top:261px;left:309px;width:275px;height:94px;padding:20px;z-index:2;}</style></head><body><divclass="iepng1">尺度之路<br/><br/><ahref="http://www.ckuyun.com">点击翻开尺度之路</a></div><divclass="iepng"></div></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
哈哈,成绩竟然办理了!接纳background:url(/uploadfile/200806/17/9E162710915.png)!important;background:none;filterrogidXImageTransform.Microsoft.AlphaImageLoader(enabled="true",sizingMethod="image",src="/uploadfile/200806/17/9E162710915.png")这类体例让背景通明的,当接纳position:absolute;定位时也能够接纳双层堆叠的体例办理链接生效的成绩
最近在做一个魔术网的div+css切割,昨晚发现了长期以来一直无记录下来的问题!关于兼容IE跟FF的float属性。 |
|