> 웹 프론트엔드 > JS 튜토리얼 > IE 브라우저 PNG 이미지 투명도 효과 code_javascript 기술

IE 브라우저 PNG 이미지 투명도 효과 code_javascript 기술

WBOY
풀어 주다: 2016-05-16 19:01:21
원래의
1108명이 탐색했습니다.

먼저 태그 코드를 살펴보세요.
magnifying glass 이 요구 사항을 충족하는 특수 효과는 AlphaImageLoader 필터입니다(http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/alphaimageloader.asp)

어떻게 하나요?
다음 코드를 올바른PNG.js로 저장하세요.

코드 복사 코드는 다음과 같습니다.
함수 올바른PNG()
{
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.style.cssText
if (img.align == "왼쪽") imgStyle = "float:left;" imgStyle
if (img.align == "right") imgStyle = "float:right;" if (img.parentElement .href) imgStyle = "cursor:hand;" imgStyle
var strNewHTML = " " "너비:" img.width "px; " img.height "px;" imgStyle ";"
"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
"(src='" img.src "', sizingMethod='scale');"> ;
"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", rightPNG);


그런 다음 투명하게 하려는 웹페이지의 ...
영역에 다음을 추가하세요.
🎜>
Transparent


불투명






관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿