在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"的图片,你可以将代码中的相关部分修改为对应的图片路径和名称。这样,只有该图片会被处理和优化。
网站模板
- ai怎么设计田野风景图横幅-
- 中国的leapmotion“微动” 欲切入智能电视
- URL解析漏洞在PDF文档中的利用
- 笔记本新名词解析之什么是3G上网本
- CSS网页布局中ID与class的理解
- 医院网站SEO优化的这五年让我赚了50万
- 其实并非所有草根站长都能驯服社区门户这匹马
- 12寸全新MacBook为什么只有一个接口-合理吗-
- 唱片业谨慎接受Apple Music 渴望苹果力挽狂澜
- 机械键盘坏了一个键怎么办-按键失灵故障解决方
- 2013十大网络流行用语 2013十大最新网络语言 201
- 年度创业家之美团网王兴:长期的-贪婪者-
- 网页设计风格是不是越简单越好?
- 小米对讲机怎么样-小米米家对讲机开箱体验评测
- 淘宝客赚钱故事 大三做淘宝客月入10w
- Alienware 17值得买吗?2017新款17吋外星人笔记本全