admin管理员组文章数量:1565784
2024年6月20日发(作者:)
JS使png背景图片透明
png图片有很好的品质,阴影效果也不会有杂边,很流畅。如果插入
网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大
小的情况下提高了页面的图片的质量。对于有复杂背景,如在有颜色
过渡背景上插入不规则边框的图片,带来极大和便利!
但目前IE中对于插入的透明背景的png的图片是不能正常显示
的,IE会自动给".png"格式的图片加个灰色背景。解决这个的方法
是增加javascript,具体方法有两种:
第一种:把下面的代码放在head区就可以解决问题了。
function correctPNG()
{
{
for(var i=0; i<; i++)
var img = [i]
var imgName = rCase()
"PNG")
{
if (ing(-3, ) ==
var imgID = () ? "id='" + + "' " : ""
var imgClass = (ame) ? "class='" + ame
+ "' " : ""
var imgTitle = () ? "title='" + + "' " :
"title='" + + "' "
var imgStyle = "display:inline-block;" + t
if ( == "left") imgStyle = "float:left;" + imgStyle
if ( == "right") imgStyle = "float:right;" +
imgStyle
if () imgStyle = "cursor:hand;" +
imgStyle
var strNewHTML = " + " style="" + "width:" + + "px; height:" + + "px;" + imgStyle + ";" + "filter:progid:mageLoader" + "(src='" + + "', sizingMethod='scale');">
TML = strNewHTML
i = i-1
}
}
}
Event("onload", correctPNG);
第二种:把这段代码单独加在一张图片上:
style="filter:progid:mageL oader(src='你的图片名 称.png',sizingMethod='scale');">
版权声明:本文标题:[讲解]JS使png背景图片透明 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dongtai/1718817720a729038.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论