本文摘自PHP中文网,作者青灯夜游,侵删。
css opacity属性用于设置一个元素的不透明度级别;通过该属性我们可以设置图片、文字、盒子模型等等的透明度。css opacity属性怎么用?
opacity属性设置一个元素的不透明度级别。
语法:
属性值:
● value:规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。
● inherit:应该从父元素继承 opacity 属性的值。
注释:所有主流浏览器都支持opacity属性。IE8 以及更早的版本支持替代的 filter 属性。例如:filter:Alpha(opacity=50)。
css opacity属性 示例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <!DOCTYPE html>
< html >
< head >
< script >
function ChangeOpacity(x)
{
// Return the text of the selected option
var opacity=x.options[x.selectedIndex].text;
var el=document.getElementById("p1");
if (el.style.opacity!==undefined)
{el.style.opacity=opacity;}
else
{alert("您的浏览器不支持此示例!");}
}
</ script >
</ head >
< body >
< p id = "p1" >从下面的列表中选择一个值,以更改此元素的不透明度!</ p >
< 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属性怎么用的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
css怎么设置背景图片布满全屏
css是c语言吗
css list-style-type属性怎么用
css怎么旋转图片
jquery怎么取消css样式
css font-size 不管用怎么办
css怎么隐藏下拉滚动条
css text-overflow属性怎么用
css如何引入字体文件
css怎么设置全屏背景图片
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css opacity属性怎么用