一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

實現(xiàn)png圖片和png背景透明(支持多瀏覽器)的方法

雖然有讓IE6支持PNG透明背景的JS程序,都是不是很方便,還是用CSS來實現(xiàn)的好。使用到的就是:IE5.5+的AlphaImageLoader濾鏡。
1.png背景透明
解決辦法:
復(fù)制代碼 代碼如下:
#div1 {
height: 600px;
width: 260px;
padding: 20px;
background-repeat: repeat;
}
html>body #div1 {
background-repeat: repeat;background-image: url(bj1.png);
}
* #div1 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="bj1.png")
}

附加:IE才識別的通配符(*),來定義IE瀏覽器中的濾鏡
Firefox、Opera等完全支持PNG透明圖片的瀏覽器也支持子選擇器(>)
語法:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
屬性:
enabled : 可選項。布爾值(Boolean)。設(shè)置或檢索濾鏡是否激活。true | false
      true : 默認(rèn)值。濾鏡激活。
      false : 濾鏡被禁止。
sizingMethod : 可選項。字符串(String)。設(shè)置或檢索濾鏡作用的對象的圖片在對象容器邊界內(nèi)的顯示方式。 crop : 剪切圖片以適應(yīng)對象尺寸。
        image : 默認(rèn)值。增大或減小對象的尺寸邊界以適應(yīng)圖片的尺寸。
        scale : 縮放圖片以適應(yīng)對象的尺寸邊界。
        src : 必選項。字符串(String)。使用絕對或相對 url 地址指定背景圖像。假如忽略此參數(shù),濾鏡將不會作用。
2.png圖片透明
如果在網(wǎng)頁中直接插入png圖片想使其透明只需加入以下js代碼,整個頁面內(nèi)的所有直接插入的png圖片都可以實現(xiàn)透明:
復(fù)制代碼 代碼如下:
<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=0; j<document.images.length; j++)
{
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 + "px; height:" + 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>

JavaScript技術(shù)實現(xiàn)png圖片和png背景透明(支持多瀏覽器)的方法,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 久久成人免费观看全部免费 | 六月激情综合 | 国产精品永久免费视频观看 | 久久国产成人福利播放 | 国产视频福利在线 | 国产三级网站在线观看 | 中文字幕在线视频观看 | 成人污视频在线观看 | 伊人色在线 | 成人午夜视频在线 | 日韩免费视频在线观看 | 亚洲欧洲在线观看 | 四色成人 | 欧美午夜小视频 | 久久久久久九九 | 国产亚洲精品九九久在线观看 | 中文字幕一视频97色伦 | 国产香蕉一区二区精品视频 | 日韩有色| 国产一级做a爰片... | 91精品国产免费网站 | 日本视频一区二区 | 美女被男人扒开腿猛网站 | 91精品国产91久久久久久 | 婷婷婷色| 狠狠干婷婷 | 国产精品资源在线观看 | 超级97人人公开视频 | 久久精品成人免费网站 | 色视频在线看 | 97青草香蕉依人在线播放 | 美女被免费视频网站九色 | 性欧美zoz0另类xxxx | 日本三区 | 欧美成人福利视频 | 成人午夜精品视频在线观看 | 大伊人久久 | 亚洲成人毛片 | 成年美女网站 | 免费黄色视屏 | 免费久久精品视频 |