css透明滤镜-css 设置透明滤镜的透明度属性

 代码如下 复制代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>New document</title>
<style type="text/css">
<!--
div#div1 { height:240px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);}
-->
</style>
</head>
<body>
<div id="div1">
<img src="2.jpg" alt=""/>
</div>
<select onchange="changeAlpha(this.value)">
 <option>选择透明度</option>
 <option value="20">20</option>
 <option value="40">40</option>
 <option value="60">60</option>
 <option value="80">80</option>
</select>
</body>
</html>
<script language="JavaScript" type="text/javascript">
<!--
function changeAlpha(value){
 var div1=document.getElementById("div1");
 //设置透明滤镜的透明度属性
 div1.filters[0].opacity=value;
}
//-->
</script>
时间： 2024-09-11 09:04:56

css透明滤镜-css 设置透明滤镜的透明度属性的相关文章

使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法_javascript技巧

如下 复制代码 代码如下: <div style="width:100px;height:100px;background:gold"></div> 用IE开发者工具,或IE8自带的开发者工具.结构如 图1 : 红色所圈之处可以看到给div添加的内联样式width,height,background都依次排列.正常! 但给该div添加filter:alpha(opacity=20)后, 复制代码 代码如下: <div style="filter:

【原】CSS实现背景透明，文字不透明，兼容所有浏览器

11.11是公司成立的日子,16岁啦,我呢3岁半,感谢公司给了这样一个平台,让我得以学习和成长,这里祝愿公司发展越来越好~ 进入主题,每年11月11号是光棍节,产生于校园,本来只是一流传于年轻人的娱乐性节日,以庆祝自己仍是单身一族为骄傲,而如今是各大商家以脱光为由打折促销的时期,成为了所谓的"购物节",双11也算了,后面还要搞双12,不得不吐槽下. 于是呢,熬夜加班做了11.11的活动,在PC端遇到了透明背景和透明图片的问题,其实以前也遇到过,只是没有总结起来,就忘记了,这次又撞墙了,

CSS实现背景透明，文字不透明（兼容各浏览器）

原文:CSS实现背景透明,文字不透明(兼容各浏览器) 在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明,而文字保持不透明.而IE6/7/8浏览器不支持 rgba,只有使用IE的专属滤镜filter:Alpha来实现,但是这样写法会把文字也变为透明,因此只有在透明容器的子节点(文本节点除外)内设置 position:relative才能不继承其父元素的透明滤镜,代码如下: 1 <!DOCTYPE html PUBLIC "-

CSS实例教程:PNG背景透明在网页设计中的运用

文章简介:PNG的背景透明在网页中应用比较广泛,但浏览器的兼容问题一直很让人头疼,用的CSS滤镜再变通一下也能实现PNG背景半透明的兼容问题,只不过不支持背景的定位而已,也就是说不支持CSS SCRIPT. PNG的背景透明在网页中应用比较广泛,但浏览器的兼容问题一直很让人头疼,用的CSS滤镜再变通一下也能实现PNG背景半透明的兼容问题,只不过不支持背景的定位而已,也就是说不支持CSS SCRIPT. 一.CSS 滤镜(两种方法) 一般能用CSS处理的就尽量不要用JS了,个中的原因,你懂的--

css控制网页背景透明而内容不透明实现代码

标准浏览器里采用的是rgba背景透明,IE则可以使用滤镜.  代码如下 复制代码 .box{background:rgba(2,32,90,0.8);filter:progid:DXImageTransform.Microsoft.Gradient( startColorStr=#cc02205A, endColorStr=#cc02205A)} rgba模式参数分别是(红色r,绿色g,蓝色b,透明度a),透明度范围0-1. IE的滤镜#aa02205A,前2位使用十六进制表示透明度,范围从00

C++ 设置透明背景图片

  这篇文章主要介绍了C++ 设置透明背景图片的相关资料,需要的朋友可以参考下 背景: 有两个图片,一个是目标背景图片, 一个是带有自身背景色彩的彩色图片 先将这彩色图片绘制到目标背景图片中, 这一步通过BITBLT就可实现. 但实现后的效果是: 目标图片上,绘制上去的彩色图片带有其本身的背景. 问题就来了, 我们想将彩色图片本身的背景去掉,应该如何解决? 解决方法: 使用API函数:TransparentBlt 此函数将原DC中的图片绘制到目标DC中,并同时设置原图形在目标图形上的透明色. ?

word2007中要如何为图片设置透明效果

第1步,选中需要设置透明色的图片,在"图片工具"功能区的"格式"分组中,单击"调整"分组中的"重新着色"按钮,并在打开的颜色模式列表中选择"设置透明色"命令,如图一所示. v 图一 选择"设置透明色"命令 第2步,鼠标箭头呈现彩笔形状,将鼠标箭头移动到图片上并单击需要设置为透明色的纯色背景,则被单击的纯色背景将被设置为透明色,从而使得图片的背景与word2007文档的背景色一致,如图二所

XP系统QQ皮肤透明效果怎么设置？

  XP系统QQ皮肤透明效果怎么设置? 1.在电脑左下解,点"开始",然后点"运行"; 主题"> 2.在出来的"运行"对话框中,输入命令 %appdata%TencentQQSkins 再点"确定"; 3.点"确定"后,会出现一个文件夹,在这个文件夹里找到skin.ini文件.如果没有此文件,请创建一个记事本,并起名为skin.ini,当然这一步是要把扩展名也改掉,如果改变文件扩展名,可能会

主题-使用slidingmenu无法设置透明状态栏

问题描述 使用slidingmenu无法设置透明状态栏 具体问题是这样,我需要做一个如下图仿QQ的样式:主题-使用slidingmenu无法设置透明状态栏-slidingmenu 透明背景"> 思路是这样: 1.theme中不设置 <item name="android:fitsSystemWindows">true</item> 2.设置状态栏为透明(4.4以上):getWindow().addFlags(WindowManager.Layou