在IE流览器中正确显示PNG透明图片
PNG图片的魅力
幸运的是,我们可以通过使用JavaScript来解决这个问题。具体的解决方案如下:
为了解决这个问题,只需在网页的head区域加入来自狼蚁网站SEO优化的代码即可。这段代码能够自动检测网页上的所有图片,并对满足条件的PNG图片进行特殊处理,使其在IE中也能正常显示。
以下是该段代码的详细版本:
```html
function correctPNG() {
for(var i=0; i var img = document.images[i]; var imgName = img.src.toUpperCase(); if(imgName.substring(imgName.length-3, imgName.length) == "PNG") { // 根据图片的id、class、title等属性构建新的HTML代码 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;"; if(img.align == "left") imgStyle = "float:left;" + imgStyle; if(img.align == "right") imgStyle = "float:right;" + imgStyle; if(img.parentElement.href) imgStyle += "cursor:hand;"; // 让图片可点击 var strNewHTML = ""; img.outerHTML = strNewHTML; i--; // 因为更新了图片的HTML结构,所以减少循环次数以避免重复处理。 } } window.attachEvent("onload", correctPNG); // 当页面加载完成时执行correctPNG函数。 ``` 如果你只想对某一张特定的图片进行优化,你也可以将上述代码中的`document.images`替换为特定的图片元素选择器。例如,如果你想要优化名为"male.png"的图片,你可以将代码中的相关部分修改为对应的图片路径和名称。这样,只有该图片会被处理和优化。
网站模板
- 在IE流览器中正确显示PNG透明图片
- ai怎么设计上班的白领图标- ai上班族人物形象的
- 从系统安装盘中提取原装文件的方法介绍
- 怎么卸载win10自带软件-Win10自带应用卸载方法
- fireworks文字怎么变形- fireworks创建新字体的教程
- 如何解决“当前页面脚本发生错误”的问题
- Coreldraw X6怎么去掉网格线辅助线呢-
- Win10总是自动勾选自动检测设置怎么解决-
- CSS3的RGBA中关于整数和百分比值的转换
- 怎么样才能发挥新电池的最大潜能
- Line年内进军中国市场 本地招兵买马
- 笔记本在夏天应该如何散热效果好?
- ai怎么制作指纹图形-
- 买笔记本电脑注意事项有哪些?
- AI椭圆工具怎么使用-
- win10 9926下载地址 win10消费预览版9926官网下载