ie6下：png图片不透明 和 背景图片为png的节点的内部标签单击事件不响应

1、png图片不透明

少量图片时：使用滤镜:

_background:none;
_filter:prodig:DXImageTransform.Microsoft.AlphaImageLoader(src="../a.png");

注意：

测试发现如果把样式写在css文件里，而非当前页面的<style></style>里，则不会生效。

图片多时：使用js插件，可参考ie6里png图片不透明

2、背景图片为png的节点的内部标签单击事件不响应

参考张鑫旭的JavaScript使IE6下png背景透明对单击事件的影响，如果无效，请修改该节点及其父节点的定位方式。

ie6下：png图片不透明 和 背景图片为png的节点的内部标签单击事件不响应

时间： 2024-09-30 11:13:39

ie6下：png图片不透明 和 背景图片为png的节点的内部标签单击事件不响应的相关文章

IE6下的png不透明问题

前几天刚做完一个小需求,但是在兼容ie方面用了比较久的时间,主要是切面那边用的背景图都是png格式的,而经过查找知道,ie6对png图片透明部分渲染效果是不透明的,我看到的是淡淡的绿色,简单的处理方式就是用滤镜: 先将元素背景用兼容的方式写成none: _background:none; _filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/W3CfunsLogo.png')"; 对于一个背景图当

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

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

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]--> 第一种办法适合用于背景图用颜色不能表示的情况,只能用

png格式的图片在IE6 下透明解决方案

FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的 style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')" 语法:filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sUR

IE6下CSS常见兼容性问题及解决方案

1. 在IE6元素浮动,如果宽度需要内容撑开,就给里面的块元素加浮动. 2. IE6下最小高度问题:在IE6下元素高度小于19px的时候,会被当作19px处理.解决方案:给元素加 overflow:hidden. 3. border:1px dotted #000: 1px dotted 在IE6下不支持 解决方案:切背景平铺 4. margin传递:解决方案:a.父级或自己浮动; b.给元素加 overflow:hidden;zoom:1; 5. 在IE6下父级有边框的时候,子元素的margi

背景图片定位

 背景图片定位(background-position)原理 A. 语法:Background-position:水平位置 垂直位置 B. 水平位置/垂直位置设置方法: 1) 数值(px)正负值都可以,正数值表示向右移动或向下移动,负数值表示向左或向上移动: 2) 百分比(%)范围:0%-100% 3) 关键词:水平位置:left(左) center(中) right(右) 垂直位置:top(上) center(中) bottom(下) 默认情况下,background-position的原点位

网页的背景图片代码

网页背景图片代码 1.(最普遍类) <style>body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}</style> 说明:以上代码为网页背景图片固定代码!网页背景图片固定代码,这样,当向下拉网页时,网页背景图片不会跟着向上移动,达到不动的目的! 2.(综合类) 3.<P class=style6> </P></SPAN&

网页背景图片代码

1.(最普遍类) <style>body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}</style> 说明:以上代码为网页背景图片固定代码!网页背景图片固定代码,这样,当向下拉网页时,网页背景图片不会跟着向上移动,达到不动的目的! 2.(综合类) 3.<P class="style6"> </P></SP

css设置背景颜色和处理背景图片样式

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>css设置背景颜色和处理背景图片样式</title> <style> div{ width:1000px; height:500px;/*没有宽高不能加背景图片*/ border:1px solid #000000; /*background-co