展会信息港展会大全

css透明滤镜-css 设置透明滤镜的透明度属性
来源:互联网   发布日期:2016-03-25 15:59:24   浏览:2568次  

导读:上面讲过一篇css制作图片或窗口的透明滤镜的透明度了,现在再来看一个吧。代码如下复制代码 <!DOCTYPE HTML PUBLIC ...

上面讲过一篇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>

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港