PNG透明图片在IE浏览器中正确显示
png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景,如:在有颜色过度背景上插入不规则边框的图片带来极大很便利!
但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给".png"格式的图片加个灰色背景。
解决这个的方法是增加javascript。具体方法如下:
把下面的代码放在head区就可以解决问题了:
<script language="javascript">
function correctPNG()
{
for(var i=0; i<document.images.length; 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 == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
</script>
也可以把这段代码单独加在一张图片上:
<span
style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='male.png',sizingMethod='scale');"></span>
PNG透明图片在IE浏览器中正确显示相关推荐
- 全部都显示服务器已加扰,特殊字符在浏览器中正确显示,但在phpMyAdmin中加扰...
我有一个php netbeans项目.该项目的编码是UTF-8.特殊字符在ide中正确显示. (img 1)特殊字符在浏览器中正确显示,但在phpMyAdmin中加扰 我使用phpmyadmin,整个 ...
- JQuery AJAX 加载 HTML代码“lt”形式的。怎么解析成形式,并且把img解析成图片输出到浏览器中。...
声明:此方法目前用火狐通过验证.IE未能通过. 前台 写法: <div style="visibility:hidden" id="Change" ...
- JSP中img标签图片在浏览器中不显示问题
在开发JSP工程中遇到一个问题,在Eclipse中可以看到<img>的图片,但在浏览器去看不到.<img>的src用的是绝对路径,如:E:/JSP/workspace/test ...
- 图片地址在浏览器中默认是下载不是预览
使用S3云存储上传图片之后,获得图片地址,在浏览器中输入url之后,图片默认下载,而不是预览.查了一下, s3默认的content-type是binary/octet-stream,这个类型在浏览器中 ...
- vscode的插入的图片在浏览器中无法显示
图片可以正常打开,但在浏览器中无法显示,查了f12说是找不到定义,我是个小白,也不会处理,求求大佬解答,在此感谢不尽.
- Hbuilder中的图片在浏览器中无法显示
Hbuilder中的图片在浏览器中无法显示 在尝试把它放到记事本中来操作时,发现图片的名字都太复杂了,于是又转场来到Hbuilder把图片重命名成简单的数字,一波操作后,再打开浏览器就可以了 如果标题 ...
- html页面在ie上出现404怎么解决,如何解决自定义404页面在IE等浏览器中无法显示问题...
网站设置自定义404页面之后(如何在IIS下正确设置404页面?),如无法在浏览器中正常显示,可能是以下原因: 1.404页面文件权限设置错误 我们需要为404页面文件添加上用户everyone的可读 ...
- 【未解决】Reporting Services报表在浏览器中的显示
今天把微软的报表重新部署一遍,发现在不同的浏览器中,显示的尺寸大小不一样. 在IE8浏览器中是正常的: 而在火狐浏览器中却始终只有全屏的四分之一大小,无论在报表中如何修改尺寸也没有变化.看起来,应该是 ...
- 解决vue项目在ie浏览器中无法显示的问题,兼容低版本浏览器问题
解决vue项目在ie浏览器中无法显示的问题,兼容低版本浏览器问题 1.在csdn中找到了一下解决方案,但与本项目略有不同 vue项目兼容ie浏览器的问题:在其他浏览器显示都是正常的,在ie11下显示空 ...
最新文章
- torch.backends.cudnn.deterministic 生成随机数字设置 每次输出一样的方法
- unicode字符串 转 中文
- formal method lecture 9
- NGUI所见即所得之深入剖析UIPanel,UIWidget,UIDrawCall底层原理
- 基于Javaweb的订餐管理系统的介绍和分析
- Linux 命令之 touch -- 创建文件
- numpy常用函数(更新中)
- JavaScript学习(四十一)—字面量形式创建对象的注意事项和不足
- 手工增加widcomm对蓝牙USB dongle的识别
- 对比rank, dense_rank, row_number
- 《SAP后勤模块实施攻略—SAP在生产、采购、销售、物流中的应用》——第2章 生产模式和计划策略 2.1 计划策略与需求类型总览...
- 深入理解Nginx:高顿教育java开发
- 分组求和并排序python_【Python】如何对某一列自动分组,统计求和
- 固定翼飞机姿态角Backstepping反步法控制
- ISA8051内部结构讲解
- Thunderbolt4,雷电4与USB4
- Lock-step 锁步核有哪些
- Spark Livy
- W ndows7怎么进入BlOS,Windows7旗舰版进不了bios界面的详解教程
- 红蓝对抗之Windows内网渗透
热门文章
- 优化:java递归实现笛卡尔积算法
- GIT 报错:Branch ‘master‘ set up to track remote branch ‘master‘ from ‘origin‘
- jupyter notebook 安装nbextension 不显示插件怎么办?
- javascript-obfuscator 代码混淆
- CSS基础(新手入门教程)
- 猿创征文|OneOS 万耦启物TB6612驱动电机
- phpstorm全局搜索
- TIA博途中OB86组织块的功能和使用方法
- 使用代码的当前SVN版本构建项目build版号
- 用mysql查询图书的信息_PHP+MySQL 利用mysql_fetch_row模糊查询图书信息