注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

牧野流星

每个人心中都有一个梦想..........

 
 
 

日志

 
 

PNG图片在IE6下面的显示问题  

2013-10-23 09:13:16|  分类: CSS+DIV |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
最近要做一些静态页面,用到了一些png图片。在IE8,火狐,google下面可以显示。
但是IE6就不给面子了。
我常说IE浏览器阻碍了世界的进步!这次给了我证明。玩笑话。
每次兼容性调试都是IE出问题。

在网上看了其他网站的处理方法:
<!--[if IE 6]> 
        <style>           .header{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://wap.baidu.com/static/as/images/png/black_opacity50.png', sizingMethod='scale');}
            #logo{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://wap.baidu.com/static/as/images/png/appsearch_logo_v1.png', sizingMethod='crop');}      
        </style>      
    <![endif]-->
    <!--[if IE 7]>
        <style>
            .header{background:url(images/black_opacity50.png) repeat;}
        </style>    
    <![endif]-->
    <!--[if IE 8]>
        <style>
            .header{background:url(images/black_opacity50.png) repeat;}
        </style>
<![endif]-->
 这样解决了IE的显示问题。
但是在火狐和google下面又不显示了。再看代码,CSS里面还有一行。
.head{position: absolute;height: 74px;width: 100%;background: rgba(0,0,0,0.5);z-index: 100;}

  评论这张
 
阅读(58)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018