新闻资讯
记录首创点滴进步 见证远行
我们一直紧跟时代前沿,聚焦行业实时动态,发布公司最新资讯,欢迎您的关注
您目前的位置:网站首页 > 新闻资讯 > 网站常识 >

4.11日音讯,纯手工CSS巧解png透明图片问题

发布日期:2015-04-11文章来源:首创网络浏览次数:1210次
    4.11日音讯,纯手工CSS巧解png透明图片问题,由于IE6的特殊原因,它总是会给我们带来一些麻烦,比如它不支持PNG图片,这让我们的技术员遇到了难题,不过我们也有其它的方法来解决这一问题,下面邯郸网站建设首创网络就......
    本文关键字:4.11日,音讯,纯,手工,CSS,巧解,png,透明,图片,
  
  4.11日音讯,纯手工CSS巧解png透明图片问题,由于IE6的特殊原因,它总是会给我们带来一些麻烦,比如它不支持PNG图片,这让我们的技术员遇到了难题,不过我们也有其它的方法来解决这一问题,下面邯郸网站建设首创网络就来给大家演示几种方法:
  方法一:用png图作背景
  要注意hack
  html代码
  <divclass="logo"><ahref="/">logo</a></div>
  css代码
  .logo{width:338px;height:57px;float:left;url(/images/logo.png)0px0pxno-repeat!important;text-indent:-1000px;_background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png',senabled='true',sizingMethod='scale');}
  标准:_background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/dyimgs/wymrs/images/logo.png',enabled='bEnabled',sizingMethod='image');
  方法二:插入png图片,定义img
  这个方法要准备一完全透明的图片transparent.gif,大小随意。
  html代码
  <divclass="logo"><ahref="/"><imgsrc="/images/logo.png"alt="logo"/></a></div>
  css代码
  .logo{width:338px;height:57px;float:left;}
  .logoimg{width:338px;height:57px;}
  /*png透明兼容ie6*/
  .logoimg{
  azimuth:expression(
  有时候超链接加了这个透明滤镜,然后页面上所有超级连接<ahref=""></a>全点不到了,解决办法是:
  给a加上position:relative;
  不过这里要提醒你,你这里的image路径是相对路径,那么值得注意的是,这个相对路径是根据html相对的,而不是CSS。
  
    本文由邯郸网络公司首创网络整理编辑发布,请勿转载、复制、摘抄等!

+ 查看更多我们的客户 / Our client

0310-4559740
400-990-1661
    24小时报务热线
    18931045623
在线客服
首创网络邯郸公司
邯郸公司
电话:0310-4559740 / 18931045623  地址:邯郸市丛台区颐高广场B座13层1304室