alpha滤镜用于设定透明度，它的表达式如下： filter：alpha（opacity=opacity，finishopacity=finishopacity，style=style，startX=startX，startY=startY，finishX=finishX，finishY=finishY） 其中opacity表示透明度等级，可选值从0~100，0代表完全透明，100代表完全不透明。Style参数指定了透明区域的形状特征。其中0代表统一形状；1代表线形；2代表放射状；3代表长方形。StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。 ie下实现方式filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)标准浏览器（FF、Chrome、Opera）下实现方式：opacity: 0.5
IE6对24位PNG的透明位置显示不出来，确实支持不好，我给你点解决办法。第一种，只是背景，那么加上滤镜。。。
CSS中这样写：.pic { background:url(123.png) no-repeat_background:none_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='123.png')}
复制代码然后把这个样式指定到需要的DIV<div class="pic"></div>
复制代码这种写法可以让背景 PNG 透明掉，但是有缺陷，背景图不可以平铺，还有如果在这个 pic 容器里有按钮等比如类似DZX的搜索在IE6下会失效，那么就在容器里给个 position:relative 属性。。
第二种，插入的图像是 PNG 而不是背景，这个不能多用，如果用多了，网页载入会很慢的。。。
css中这样写：* html .pic img{ azimuth: expression_r(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" &&this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "',sizingMethod='image')",this.src = "abc.gif"):(this.origBg = this.origBg? this.origBg:this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "',sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)}
复制代码abc.gif 自己弄张透明的图，大小不限制。。
然后<div class="pic"><img src="123.png" /></div>
复制代码这样，这个PNG就可以透明了。。。。 注意，只有在 DIV 的 class 为 pic 的时候插入才透明，如果你想全站 PNG 图片插入都透明，那就* html .pic img
复制代码改成* html img
复制代码但是绝对不建议这样使用。。。
上面就可以解决PNG在IE6的透明问题。。。。
还有种方法，以 JS 来实现，使用后全站的 PNG 图片也透明，但是不能用在背景上，我也给你写上：<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 &6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) &&(document.body.filters))
{
for(var j=0j<document.images.lengthj++)
{
var img = document.images[j]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block" + img.style.cssText
if (img.align == "left") imgStyle = "float:left" + imgStyle
if (img.align == "right") imgStyle = "float:right" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "pxheight:" + img.height + "px" + imgStyle + ""
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale')\"></span>"
img.outerHTML = strNewHTML
j = j-1
}
}
}
}
window.attachEvent("onload", correctPNG)
</script>
复制代码这段代码，你可以直接放在<head></head>
复制代码之间，也可以保存为 .js 文件，比如叫 123.js 然后在 <head></head>之间插入<script src="123.js" type="text/javascript"></script>
复制代码就可以了
之后<img src="123.png" />
复制代码这样的将全部透明。。。。。。。。
设置水印功能，主要是为了防止其他地方盗用你的图片，另外水印图片设置为自己的网站名称等，可以起到宣传的作用，开启水印功能后，系统会自动为用户上传的 JPG/PNG/GIF 图片附件添加水印，这里包括文章、论坛和空间相册的水印设置。工具/原料
Discuz! X1.5
步骤/方法
1
1、水印的开启。请在此选择水印添加的位置(3x3 共 9 个位置可选)。不支持动画 GIF 格式。
2
2、水印添加条件。设置水印添加的条件，小于此尺寸的图片附件将不添加水印。
3
3、水印图片类型：共有三种类型，GIF类型、PNG类型和文本类型水印。
1)如果设置 GIF 类型的文件作为水印，水印图片为 static/image/common/watermark.gif。
2)如果设置 PNG 类型的文件作为水印，水印图片为 static/image/common/watermark.png。
你可替换水印文件以实现不同的水印效果，比如改为自己想要的图片。
3)如果设置文本类型的水印并且使用 GD 图片处理库，那么还需要 FreeType 库支持才能使用。
4
4、水印融合度。设置 GIF 类型水印图片与原始图片的融合度，范围为 1～100 的整数，数值越大水印图片透明度越低。PNG 类型水印本身具有真彩透明效果，无须此设置。本功能需要开启水印功能后才有效。
5
5、JPEG 水印质量。设置 JPEG 类型的图片附件添加水印后的质量参数，范围为 0～100 的整数，数值越大结果图片效果越好，但尺寸也越大。本功能需要开启水印功能后才有效。
6
6、文本水印文字。如果你指定的 TrueType 字体为中文字体文件，那么你可以在文本水印中书写中文。
7
7、文本水印 TrueType 字体文件名。填写存放在 static/image/seccode/font/ch/ 或 static/image/seccode/font/en/ 目录下的 TTF 字体文件，支持中文字体。如使用中文 TTF 字体请使用包含完整中文汉字的字体文件。
8、文本水印字体大小。设置文本水印字体大小，请按照字体设置相应的大小。
9、文本水印显示角度。0 度为从左向右阅读文本。
10.文本水印字体颜色。可以直接选择颜色，也可以输入 16 进制颜色代表文本水印字体颜色。
11、文本水印阴影横向偏移量。设置文本水印阴影横向偏移量，此数值不宜设置的太大。
12、文本水印阴影纵向偏移量。设置文本水印阴影纵向偏移量，此数值不宜设置的太大。
13、文本水印阴影颜色。可以直接选择颜色，也可以输入 16 进制颜色代表文本水印阴影字体颜色。
14、文本水印横向偏移量(ImageMagick)。设置水印文本输出后向屏幕中央的横向的偏移值。本设置只适用于 ImageMagick 图片处理库。
15、文本水印纵向偏移量(ImageMagick)。设置水印文本输出后向屏幕中央的纵向的偏移值。本设置只适用于 ImageMagick 图片处理库。
16、文本水印横向倾斜角度(ImageMagick)。设置水印文本横向的倾斜角度。本设置只适用于 ImageMagick 图片处理库。
17、文本水印纵向倾斜角度(ImageMagick)。设置水印文本纵向的倾斜角度。本设置只适用于 ImageMagick 图片处理库。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）