您现在的位置是：网站首页> 编程资料编程资料

IE6下Png透明最佳解决方案DD_belatedPNG部分透明的蒙版效果实现思路(兼容ie6)纯CSS实现背景半透明文字不透明效果兼容IE6滤镜使用之图片透明的css写法背景透明文字不透明的最佳方法兼容IE(以背景黑色透明度0.5为例)使用滤镜解决IE6下png图片不能透明(被渲染成默认色)的问题格式png24透明底多种解决png24格式图片在ie6中透明问题背景半透明效果CSS链接样式代码img 半透明处理img加半透明背景实现思路及代码

2021-09-07 675人已围观

简介曾经一度的采用滤镜的方法搞定这个问题，弊端是当有多个png图片的时候，这就造成了css的压力，得写多少css代码呀，也尝试过js，缺点是不支持CSS中backgrond-position与background-repeat

这个问题曾经困扰我许久许久……曾经一度的采用滤镜的方法搞定这个问题，但是这种方法有个弊端。就是当有多个png图片的时候，这就造成了css的压力，得写多少css代码呀。也尝试过js，但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat.是否有一种方法能解决全站的ie6下png透明问题呢。

搜遍谷歌，发现了一个最完美的解决方案：DD_belatedPNG（点解连接查看官方）.

原理

这个js插件使用了微软的VML语言进行绘制,而其他多数解决PNG问题的js插件用的是AlphaImageLoader滤镜.

使用方法

1.点击这里下载 DD_belatedPNG.js

2.在网页中引用,如下:

复制代码

代码如下:

使用a:hover请留意

想要用透明PNG作为a:hover时的背景图片,,需要以”a:hover”来作为选择器

例：

复制代码

代码如下:

上一篇：FLASH遮挡DIV浮动层解决方案兼容IE FF ChromeIE6下div层被select控件遮住的问题解决方法IE中div被视频遮住(用embed来内嵌视频)的解决方法IE7浮层遮挡问题探讨及解决DIV遮罩层如何实现巧用CSS3 border实现图片遮罩效果代码div背景半透明，覆盖整个可视区域的遮罩层效果 div背景半透明覆盖整个可视区域的遮罩层效果ie6 select无法被div遮盖的bug解决方法利用js+css简单实现半透明遮罩弹窗如何解决IE6/7绝对定位元素神秘消失或被遮挡的方法

下一篇：让多个div在同一行显示的样式及html代码设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法