IE6背景透明Word格式文档下载.docx
《IE6背景透明Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《IE6背景透明Word格式文档下载.docx（14页珍藏版）》请在冰点文库上搜索。
/*FFIE7*/
background-repeat:
no-repeat;
_filter:
progid:
DXImageTransform.Microsoft.AlphaImageLoader（src='
icon_home.png'
）;
/*IE6*/
_background-image:
none;
}
-->
/style>
/head>
body>
divclass="
qq"
/div>
/body>
/html>
第2种方法:
给img定义样式，页面上所有透明png即自动透明了。
（这方法只对直接插入的图片有效，对背景图无效）注意，要准备一个透明的小图片transparent.gif,大小不限。
必须放在和html相同的目录
请勿大量使用，否则会导致页面打开很慢!
）
.mypngimg{
azimuth:
expression（
this.pngSet?
this.pngSet=true:
（this.nodeName=="
IMG"
&
&
this.src.toLowerCase（）.indexOf（'
.png'
）>
-1?
（this.runtimeStyle.backgroundImage="
none"
this.runtimeStyle.filter="
progid:
"
+this.src+"
'
sizingMethod='
image'
）"
this.src="
transparent.gif"
）:
（this.origBg=this.origBg?
this.origBg:
this.currentStyle.backgroundImage.toString（）.replace（'
url（"
'
）.replace（'
）'
）,
+this.origBg+"
crop'
this.runtimeStyle.backgroundImage="
））,this.pngSet=true）;
换成你的png图片
mypng"
imgsrc="
icon_face_07.png"
width="
30"
height="
icon_face_10.png"
icon_face_08.png"
第3种方法:
用JS实现,加上一段js代码后,所有插入的透明png自动透明了.（注意，这方法也是只对直接插入的图片有效，对背景图无效）
scriptlanguage="
JavaScript"
functioncorrectPNG（）//correctlyhandlePNGtransparencyinWinIE5.5&
6.
{
vararVersion=navigator.appVersion.split（"
MSIE"
）
varversion=parseFloat（arVersion[1]）
if（（version>
=5.5）&
（document.body.filters））
{
for（varj=0;
j<
document.images.length;
j++）
varimg=document.images[j]
varimgName=img.src.toUpperCase（）
if（imgName.substring（imgName.length-3,imgName.length）=="
PNG"
varimgID=（img.id）?
id='
+img.id+"
:
varimgClass=（img.className）?
class='
+img.className+"
varimgTitle=（img.title）?
title='
+img.title+"
+img.alt+"
varimgStyle="
display:
inline-block;
+img.style.cssText
if（img.align=="
left"
）imgStyle="
float:
left;
+imgStyle
right"
right;
if（img.parentElement.href）imgStyle="
cursor:
hand;
varstrNewHTML="
span"
+imgID+imgClass+imgTitle
+"
style=\"
+img.width+"
px;
height:
+img.height+"
+imgStyle+"
;
filter:
DXImageTransform.Microsoft.AlphaImageLoader"
（src=\'
+img.src+"
\'
scale'
\"
/span>
img.outerHTML=strNewHTML
j=j-1
}
}
}
window.attachEvent（"
onload"
correctPNG）;
/script>
body{
background-color:
#9999CC;
把图片换成你自己的图片
img/icon_face_03.png"
--把图片换成你自己的图片-->
img/icon_face_05.png"
img/menu_title_over.png"
130"
36"
方法四
javascript"
//修复IE下PNG图片不能透明显示的问题
functionfixPNG（myImage）{
vararVersion=navigator.appVersion.split（"
varversion=parseFloat（arVersion[1]）;
if（（version>
（version<
7）&
（document.body.filters））
{
varimgID=（myImage.id）?
+myImage.id+"
varimgClass=（myImage.className）?
+myImage.className+"
varimgTitle=（myImage.title）?
+myImage.title
+myImage.alt+"
+myImage.style.cssText;
+imgID+imgClass+imgTitle
+myImage.width
+myImage.height
+myImage.src+"
myImage.outerHTML=strNewHTML;
}}
window.onload=function（）{
document.getElementById（"
top"
）.style.height=screen.height/5+"
px"
}//
图片直接处理的解决方法
最近很多朋友反映不会做gif透明的logo，原因是logo有粗糙的描边，而png有些浏览器不兼容，今天我给大家讲下如何来制作其实很简单！
有两种方法告诉大家
第一：
给图像加外发光
1、双击所在图层
2、选择外发光
3、调整发光颜色为白色
4、确定导出就可以
第二：
给图像加描边
1、选择描边
2、调整描边颜色为白色，
3、点击确认完成
补充教程
方法3
首先你用PS做好图片时，一定不要直接另存为gif，而是先把默认的RGB模式直接转换成索引模式
转换后会弹出一个框，依下面这个更改
最后保存就行了。
有整合PW论坛的，那个论坛logo是png透明背景的，也用这种方法保存，不然在IE下是有灰色背的
看我下面这个logo是png的，透明背景的
补充教程二
现在论坛站标基本上采用了png的格式图标
使用PHOTOSHOP制作的时候
在PS里看到图片制作不错
没有问题，但是要是导出PNG格式就出现
或者论坛上面
如何解决PNG透明的问题呢。
？
我们用到了两个工具Photoshop和Imageready两个软件
首先使用photoshop制作一个图片
存储格式为PSD格式。
然后使用Imageready打开PSD文件
打开文件后imageready右上角有个优化
设置PNG8下一步就开始把PSD文件到处保存成PNG透明图片
按照下面的步骤进行
文件---将优化结果储存为----然后保存文件png-----后面均为确定即可
把做好的LOGO替换论坛的LOGO发现LOGO透明了。
-----------------------------------------------------------------------
IE6支持PNG透明的5种方法
方法一：
PNG8格式
其实IE6与生俱来就支持png8的索引色透明度，但不支持png或8位以上的alpha透明度。
而对于非动画的GIF建议你使用PNG8，因为体积会更小。
对于并不复杂的png透明图其实可以存储为png8，这样可以有效避免ie6不能显示png24的问题。
photoshop中：
png24转换成png8的具体方法为：
文件-》存储为web和设备所用格式-》在“预设”里，选择“PNG-8”和“”透明度，保存即可。
方法二:
IEPNGFixv1.0/2.0Alpha2
使用简介：
页面标签使用behavior:
url（”iepngfix.htc”）;
来调用外部包含js、css的iepngfix.htc文件來修正PNGalpha透明度。
iepngfix.htc的使用方法：
1.下载脚本脚本，将其中的iepngfix.htc和blank.gif解压缩到合适的目录内，.htc即HtmlComponents，该文件需要在CSS中被调用；
blank.gif是一个1×
1像素的透明GIF图片，缺少该文件会使<
img>
标签插入的PNG图象显示为红色的叉烧包。
2.在iepngfix.htc中修改blank.gif的路径，varblankImg=‘blank.gif的正确路径’，这是惟一一个需要修改的配置。
3.iepngfix.htc为IE6所用,以"
_"
hack作为区分
4.应用有PNG透明图片的标签,均要读取behavior:
iepngfix.htc"
5.iepngfix方法在背景应用上只能做到background-image的效果,背景重复坐标调用等暂时实现不了
6.透明png背景图片会以所在层的宽高度拉伸填充,border计算在层的宽高内
iepngfix.htc下载地址：
//www.caihong.cc/iepngfix.htc
方法三:
AlphaImageLoader筛选器
在每个标签样式中插入filter:
DXImageTransform.Microsoft.AlphaImageLoader（src=’image.png’,sizingMethod=’scale’）
官方原文：
注意事项:
1.AlphaImageLoader难以实现插入图片<
.png"
/>
透明
2.AlphaImageLoader方法用于背景图片上,实现background-image的效果
3.AlphaImageLoaderIE8不支持
4.因为IE7支持AlphaImageLoader,避免冲突建议使用CSShack区分开,只针对IE6使用
方法四:
PNGTransparencyinIE
相对来说比较简洁，使用一段包含滤镜的JavaScript就可以模拟图片或背景PNGalpha透明度。
1.根目录的spacer.gif透明图片作为png图片的替换,写在JavaScript中的spacer.gif路径根据需要调整
2.PNGTransparncyinIE方法在背景应用上只能做到background-image的效果,背景重复坐标调用等暂时实现不了
方法五:
IE7/IE8JavaScriptlibrary
ie7/ie8-js是一个解决IE与W3C标准的冲突的JS库，使微软的IE的行为像一个Web标准兼容的浏览器，支持更多的W3C标准。
IE7.js及IE8.js这是一个JavaScriptlibrary可以你的IE浏览器符合标准,目前的版本是:
version2.0（beta）;
IE7.js给ie5,6用
让ie5,6可以使用css2.0的语言,跟ie7;
的效果一样,主要是标準化
IE8.js给ie5,6,7用
让ie5,6,7模拟IE8,使用上部分新的语言如CSS3.0
使用方式,在页面加如下JS:
IE7.js:
--[ifltIE7]>
scriptsrc="
//ie7-type="
text/javascript"
[endif]-->
1.png图片必需要以-trans.png结尾,才能使用透明。
如：
shadow.png换成shadow-trans.png
用法如下：
logo.png"
328"
325"
border="
0"
onload="
fixPNG（this）"
升级会员 