ホームページ  >  記事  >  ウェブフロントエンド  >  IEブラウザ PNG画像透明効果コード_JavaScriptスキル

IEブラウザ PNG画像透明効果コード_JavaScriptスキル

WBOY
WBOYオリジナル
2016-05-16 19:01:211044ブラウズ

まず、IEブラウザ PNG画像透明効果コード_JavaScriptスキル タグ コードを確認します。
IEブラウザ PNG画像透明効果コード_JavaScriptスキル 独自の IE を使用します。この要件を満たす特殊効果、これが AlphaImageLoader フィルター (http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/alphaimageloader.asp)

どうやってやるのですか?
次のコードをcorrectPNG.jsとして保存します:

コードをコピーします コードは次のとおりです:
functionCorrectPNG()
{
for(var i=0; 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.align == "left") imgStyle = "float:left;" imgStyle
if (img.align == "right") imgStyle = "float:right;" imgStyle
if (img.parentElement .href) imgStyle = "cursor:hand;" imgStyle
var strNewHTML = " " "width:" img.width "px margin:6px; " img.height "px;" imgStyle ";"
"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
"(src='" img.src "', sizingMethod='scale');"> ;
"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", rightPNG);


次に、透明にする Web ページの .... 領域を追加します:

IEブラウザ PNG画像透明効果コード_JavaScriptスキル に似た複数の PNG 画像を追加します。 試してみますか?
別の方法:


コードをコピーします コードは次のとおりです。



不透明

IEブラウザ PNG画像透明効果コード_JavaScriptスキル
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。