<i id='1pF4l'><tr id='1pF4l'><dt id='1pF4l'><q id='1pF4l'><span id='1pF4l'><b id='1pF4l'><form id='1pF4l'><ins id='1pF4l'></ins><ul id='1pF4l'></ul><sub id='1pF4l'></sub></form><legend id='1pF4l'></legend><bdo id='1pF4l'><pre id='1pF4l'><center id='1pF4l'></center></pre></bdo></b><th id='1pF4l'></th></span></q></dt></tr></i><div id='1pF4l'><tfoot id='1pF4l'></tfoot><dl id='1pF4l'><fieldset id='1pF4l'></fieldset></dl></div>

    1. <legend id='1pF4l'><style id='1pF4l'><dir id='1pF4l'><q id='1pF4l'></q></dir></style></legend>
      • <bdo id='1pF4l'></bdo><ul id='1pF4l'></ul>

      <small id='1pF4l'></small><noframes id='1pF4l'>

    2. <tfoot id='1pF4l'></tfoot>

      1. IE6下PNG背景透明的七种方法小结

        针对“IE6下PNG背景透明的七种方法小结”,我会分成以下几个部分进行讲解:

          <small id='iRHsH'></small><noframes id='iRHsH'>

            <i id='iRHsH'><tr id='iRHsH'><dt id='iRHsH'><q id='iRHsH'><span id='iRHsH'><b id='iRHsH'><form id='iRHsH'><ins id='iRHsH'></ins><ul id='iRHsH'></ul><sub id='iRHsH'></sub></form><legend id='iRHsH'></legend><bdo id='iRHsH'><pre id='iRHsH'><center id='iRHsH'></center></pre></bdo></b><th id='iRHsH'></th></span></q></dt></tr></i><div id='iRHsH'><tfoot id='iRHsH'></tfoot><dl id='iRHsH'><fieldset id='iRHsH'></fieldset></dl></div>
          • <tfoot id='iRHsH'></tfoot>

            1. <legend id='iRHsH'><style id='iRHsH'><dir id='iRHsH'><q id='iRHsH'></q></dir></style></legend>

                <tbody id='iRHsH'></tbody>
              • <bdo id='iRHsH'></bdo><ul id='iRHsH'></ul>

                  针对“IE6下PNG背景透明的七种方法小结”,我会分成以下几个部分进行讲解:

                  1. 简述PNG与IE6兼容性问题;
                  2. 介绍流程性的解决方法;
                  3. 分析几种具体的解决方法;
                  4. 附带两个代码示例。

                  1. PNG与IE6兼容性问题

                  PNG格式为网络上常见的一种图片格式,它采用的是无损压缩,能够保留原图中的透明和半透明部分,对于图像质量有很好的保证。但是,在兼容性方面,IE6和之前的版本并不支持PNG的部分特性,特别是PNG的半透明效果。

                  2. 流程性的解决方法

                  基于流程性的解决方法,我们需要在IE6中借助某些技巧,使得PNG图片在该浏览器中也能顺利地展现出半透明效果。一般流程如下:

                  1. 检查需要用到半透明PNG的位置;
                  2. 对需要修复的元素做出特定的修改;
                  3. 编写CSS样式;

                  3. 几种具体的解决方法

                  下面是七种具体的解决方法:

                  1. 透明GIF方法:将PNG图片简单转换成透明GIF;
                  2. AlphaImageLoader方法:使用IE6的滤镜技术;
                  3. 正确嵌套方法:在一个容器中嵌套两个DIV;
                  4. JS Hack方法:通过js动态插入IE6条件注释错误的背景颜色;
                  5. Freemarker替换方法:讲HTML代码中PNG形式的背景去掉背景属性,使用i标签代替,然后在Freemarker中做处理;
                  6. css expression 方法:使用css表达式;
                  7. png8方法: 将PNG图片简单储存成PNG8。

                  4. 附带两个代码示例

                  以下是两个示例代码:

                  #example1 {
                    width: 150px;
                    height: 200px;
                    background: url(image.png) no-repeat;
                    _background: none;
                    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image-alpha.png', sizingMethod='scale')
                  }
                  

                  上面这个示例是使用AlphaImageLoader方法的,其中的_background:none;是为了防止IE6使用原始背景图。

                  <div id="example2">
                    <div></div>
                    <p>文字内容</p>
                  </div>
                  
                  #example2 {
                    position: relative;
                    background: url(transparent.gif);
                    behavior: url(iepngfix.htc);
                  }
                  
                  #example2 div {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 150px;
                    height: 200px;
                    background: url(image-alpha.png) no-repeat;
                    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image-alpha.png', sizingMethod='scale');
                    behaviour: url(iepngfix.htc);
                  }
                  
                  #example2 p {
                    position: relative;
                    z-index: 1;
                    font-size: 14px;
                    padding: 20px;
                  }
                  

                  这是第三种正常嵌套方法的示例代码,其中的behavior: url(iepngfix.htc); 是在未安装png透明格式插件和IE6的情况下的万能透明解决方法。

                  以上就是“IE6下PNG背景透明的七种方法小结”的详细讲解。

                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  下面是“背景图片自适应浏览器分辨率大小并自动拉伸全屏”的完整攻略。
                  下面是详细讲解“简单但很实用的5个CSS属性”的完整攻略:
                  以下是兼做美工之导航条制作过程分享的完整攻略:
                  JS 控制 CSS 样式表的方式主要有两种:通过修改样式属性来修改元素样式,以及通过切换 CSS 类名来切换元素样式。下面分别给出具体的步骤和示例说明。
                  实现首页动态视频背景,可以使用HTML5的video标签,下面是具体的示例代码和操作步骤:

                        <tbody id='f5GEI'></tbody>
                          <bdo id='f5GEI'></bdo><ul id='f5GEI'></ul>

                          • <small id='f5GEI'></small><noframes id='f5GEI'>

                            <tfoot id='f5GEI'></tfoot>
                            <legend id='f5GEI'><style id='f5GEI'><dir id='f5GEI'><q id='f5GEI'></q></dir></style></legend>
                            <i id='f5GEI'><tr id='f5GEI'><dt id='f5GEI'><q id='f5GEI'><span id='f5GEI'><b id='f5GEI'><form id='f5GEI'><ins id='f5GEI'></ins><ul id='f5GEI'></ul><sub id='f5GEI'></sub></form><legend id='f5GEI'></legend><bdo id='f5GEI'><pre id='f5GEI'><center id='f5GEI'></center></pre></bdo></b><th id='f5GEI'></th></span></q></dt></tr></i><div id='f5GEI'><tfoot id='f5GEI'></tfoot><dl id='f5GEI'><fieldset id='f5GEI'></fieldset></dl></div>