IE 브라우저 PNG 이미지 투명도 효과 code_javascript 기술
- WBOY원래의
- 2016-05-16 19:01:211044검색
먼저 태그 코드를 살펴보세요.
이 요구 사항을 충족하는 특수 효과는 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);
그런 다음 투명하게 하려는 웹페이지의 ... 영역에 다음을 추가하세요.
{
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);
그런 다음 투명하게 하려는 웹페이지의 ... 영역에 다음을 추가하세요.