IE6中png背景图片透明的最好处理方法

在IE6浏览器下png(24位)的图片显示是不能透明的.

1.处理办法就是用DDPngMin.js

<!--[if IE 6]> <script src="js/DDPngMin.js"></script> <script>DD_belatedPNG.fix(‘.ad_img img,#banner_ctr ul‘);</script> <![endif]-->

第一种办法适合用于背景图用颜色不能表示的情况,只能用图片代替.而且无论是背景图片还是插入图片都是可以透明.

2.还有一种处理办法就是把png(24位)图片处理成8位的图片即可.

这种办法比较麻烦,每张图片可能都要处理.图片位数降低,图片质量也会有损失.

3.用16进制颜色值代替:

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#22FFFFFF,endColorstr=#22FFFFFF);

第三种办法没有兼容性问题,而且使用颜色代码,客户端不用再次请求图片,比较省资源.

时间: 2024-12-26 08:02:01

IE6中png背景图片透明的最好处理方法的相关文章

Qt中添加背景图片的方法

Qt中添加背景图片的方法 1. QPalette的方法 #include <QApplication>#include <QtGui> int main(int argc, char *argv[]){    QApplication app(argc,argv);        QFrame *frame = new QFrame;    frame->resize(400,700);    QPixmap pixmap("images/frame.png&quo

css网页中设置背景图片的方法详解

css网页中设置背景图片的方法详解 在css代码中设置背景图片的方法,包括背景图片.背景重复.背景固定.背景定位等 用css设置网页中的背景图片,主要有如下几个属性: 1,背景颜色 {background-color:数值}2,背景图片 {background-image: url(URL)|none}3,背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}4,背景固定 {background-attachment

防止网页中的背景图片被另存为

防止网页中的背景图片被另存为,可以用下述办法: 先建A层,在样式里为A层设好背景图,然后在A层里设B层,并且把B层大小和A层设成一样,这样A层的背景就不能被另存为. <!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>示例</title>&l

IE/Chrome背景图片居中1px偏移解决方法

最近在支持行业运营的一个推广页面,遇到了非常规的页面banner图居中的问题,为了解决此问题,做了简单的测试,做了一个小结,为经常做大促页面的兄弟姐妹们提供参考解决方案. 首先来看看现象.最经典的页面如下图 从图中可以看到本页面为经典的顶部大图通栏,尺寸为1210px,但是为了兼顾所有分辨率,所以作为背景图片居中处理.内容区域为常用的经典栅格布局990px,设置margin:0 auto;大概的伪代码结构如下:  XHTML 1 2 3 4 <div id=”content”> <div

IE6下png背景不透明——张鑫旭博客读书笔记

从今天开始跟着大牛张鑫旭的步伐,每天进步一点点 问题:IE6不支持png背景透明或半透明 一.可解决的方法 补充:css滤镜主要是用来实现图像的各种特殊效果.(了解) css滤镜的标识符是"filter",总体的应用上和其他的css语句相同.css滤镜可分为基本滤镜和高级滤镜两种.css滤镜分类 CSS滤镜 可以直接作用于对象上,并且立即生效的滤镜称为基本滤镜.而要配合JavaScript等脚本语言,能产生更多变幻效果的则称为高级滤镜. 只有IE可以完全的支持滤镜,Firefox支持部

Cocos2d-x优化中关于背景图片优化

由于背景图片长时间在场景中保存,而且图片很多,我们可以对其进行一些优化.我们通过如下几个方面考虑优化:1.不要Alpha通道背景图片的特点是不需要透明的,所以纹理格式可以采用不带有Alpha通道格式,所以RBG565格式比较适合背景图片.2.拼图背景图片与其它的图片纹理格式的不同,我们在创建精灵表的时候,没有办法将RBG565格式的背景图片与其它的纹理图片(如:RGBA4444)做在一个精灵表,所以基于格式的考虑我们可以将多个背景放置在一个精灵表中的,但是要注意这个精灵表拼接成的大图文件不能太大

png-24在ie6中的几种透明方法

由于游戏类官网在页面背景和装饰人物的设计上追求画丽且与游戏风格想匹配,这就给前端页面制作人员带来了很多的麻烦,一个页面的制作主要时间和精力花费在兼容ie6上,而ie6因为不兼容png-24的图片一直被开发人员所鄙视. 由于市场决定了页面的存在的价值,所以ie6还是必须要兼容. 下面介绍几种常用的解决办法: dd_belatedpng.js法 引入js文件 <!--[if IE 6]><script type="text/javascript" src="js

css 中的背景图片小技巧和存在的坑

body 的背景图设置 第一种 :这种情况下背景图片可以缩放 但是不能完全等比缩放 background: url(imgs/1.jpg)no-repeat; background-position:center 0;   背景图的定位原点,由于body高不确定 background-attachment:fixed;  背景图片保持固定,不会随页面滚动而滚动 第二种: 这种情况下的背景图会完全的等比缩放, 随着窗口大小改变 首先给html 设置 height:100%; 给body设置 bac

vue项目中设置背景图片

在vue项目开发中,我们经常会碰到动态添加背景图片的问题,可是当我们在样式中添加了背景图片后,背景图片并不能正常的显示出来,如下css样式 这个时候就要考虑使用其它方式了,node中提供了一种有效的方式来解决这个问题就是require 通过行内样式引入就可以解决背景图片不显示的问题了