码迷,mamicode.com
首页 > Web开发 > 详细

css属性opacity

时间:2020-01-03 01:02:23      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:透明度   html   ted   一个   efi   ons   selected   example   css   

CSS 属性opacity,规定不透明度,从 0.0(完全透明)到1.0(完全不透明)

opacity: value| inherit; 规定

<!DOCTYPE html>
<html>
<head>

<script> function ChangeOpacity(x) { // 返回被选选项的文本 var opacity=x.options[x.selectedIndex].text; var el=document.getElementById("p1"); if (el.style.opacity!==undefined) {el.style.opacity=opacity;} else {alert("Your browser doesn‘t support this example!");} } </script>

</head> <body> <p id="p1">请从下面的例子中选择一个值,以改变此元素的不透明度。</p>
<!--size 用来设置选择框的长度 --> <select onchange="ChangeOpacity(this);" size="5"> <option />0 <option />0.2 <option />0.5 <option />0.8 <option selected="selected" />1 </select> </body> </html>

css属性opacity

标签:透明度   html   ted   一个   efi   ons   selected   example   css   

原文地址:https://www.cnblogs.com/Su-feng-address/p/12047871.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!