久久免-久久免费99精品国产自在现线-久久免费99精品久久久久久-久久免费成人-久久免费福利视频

專業的廣州網站建設、廣州網站制作公司為您服務,電話:020-85548809,29883069 手機訪問
微信關注
關注奇億廣州網站建設微信
網站導航
新聞中心
首頁>新聞中心>網頁設計

如何讓PNG圖片透明兼容IE/FF等瀏覽器

添加時間:2012/9/20 10:21:53    編輯:奇億網站建設公司

一:當PNG作圖片插入時,以下代碼一定要放于body內:

<script language="javascript" type="text/javascript">  
function correctPNG()
{  
var arVersion = navigator.appVersion.split("MSIE")  
var version = parseFloat(arVersion[1])  
if ((version == 6.0) && (document.body.filters))//此處為兼容IE6、8,于是等于6.0,若>=6.0則IE8不能實現

{  
for(var i=0; i<document.images.length; i++)  
{  
var img = document.images[i]  
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 + "px; height:" + img.height + "px;" + imgStyle + ";"  
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"  
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"   
img.outerHTML = strNewHTML  
i = i-1  
}  
}  
}   
}  
window.attachEvent("onload", correctPNG);  
</script>

用法直接插入PNG即可:<img src="*.png">

 

一:當PNG作背景圖片時:
<style type="text/css">
#bg {
 width:100px;
 height:100px;
 background-image:url(images/bg_01.png)
}
* html #bg  {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/bg_01.png");
 background:none;
}
</style>

<div ></div>

 屬性:
enabled : 可選項。布爾值(Boolean)。設置或檢索濾鏡是否激活。true | false
true :  默認值。濾鏡激活。
false :  濾鏡被禁止。
sizingMethod : 可選項。字符串(String)。設置或檢索濾鏡作用的對象的圖片在對象容器邊界內的顯示方式。
crop : 剪切圖片以適應對象尺寸。
image : 默認值。增大或減小對象的尺寸邊界以適應圖片的尺寸。
scale : 縮放圖片以適應對象的尺寸邊界。

注意:當PNG做背景圖片時,有超鏈接的會被擋住。

 

以上代碼通過IE6、IE7、IE8、ff、Opera、Safari等瀏覽器。

主站蜘蛛池模板: 亚洲欧洲精品一区二区三区XXX| 丝袜美腿美女一区二区动态| 粗大的内捧猛烈进出在线视频黄蓉| 欧洲金发美女大战黑人| 久久久久久久精品成人热色戒第一次做爱| 精品少妇一区二区三区视频亚洲..... | 婷婷亚洲中文字幕这在线| 久久久久综合国产一区二区| 岛国无码在线视频中文字幕在线视频无码在线视频 | 一本之道在线视频亚洲区| 少妇被又大又粗又爽毛片久久黑人俩个男的操一个女的 | 中文字幕123区动漫制服丝袜 | 精品国产一区二区三区无码流出| а√天堂中文官网资源下载| 成人免费一区二区三区黄色迅雷磁力种子 | 亚洲精品自在在线观看_无人区在线观看_ | 久久久午夜精品理论片,伊人久久精品 | 亚洲区小说区图片区政府| 久久久午夜精品理论片,伊人久久精品 | 久久无码精品一区二区三区蜜桃| 成人网亚洲涩涩涩无码一二三区| 亚洲高清在线美女大黄色毛片| 喝尿变态重口小说| 国产免费内射又粗又爽密桃视频!!!!| 国产免费一区二区三区免费视频红桃| 伊人久久96综合| 无码乱人伦一区二区亚洲 - 无敌| 四虎影视在线视频大全免费观看HD在线观看| 久久精品国产99久久丝袜欧美色精品人妻 | 精品亚洲麻豆1区2区3区内射人妻无码| 884aa四虎影成人精品一区潮喷 | 亚洲男人的天堂久久精品国产高清| 久久久久久久99精品免费观看,亚洲 欧美 日韩 国 | 国内精品卡1卡2卡区别在线 | 亚洲中文字幕久久精品无码最新99| 久产久精国九品入口视频| 亚洲另类无码在线视屏| 国产成人精品电影在线观看81| 中文字幕有码日本制服| 久久精品国产成人熟女| 亚洲精品无码久久毛片,精品9|