<div style="position: relative; " class="demo-carousel"> <img style="width:100%;height:100%"src="../../static/img/bg_1_副本_副本.jpg" alt=""> <span style="position: absolute; top: 0%; left: 0%;width:100%;height:100%"> <span style=";width:100%;height:100%"class="ms"></span><div class="toumingzia"><div style="float:left; width: 80%;"><h2 style="float:left;font-size:25px;family='Microsoft YaHei'; font-style: italic;"id="scenic_title"><font color="#FFFFFF">軟件部-集成測試組</font></h2></div> <div style="float:left;background: ; width: 80%;"><h2 style="text-align:left;margin-top:5%;float:left;"id="scenic_title"><font style="font-weight:800;font-size:59px;family='Microsoft YaHei' " color="#FFFFFF">我們滿懷期望，永不止步的追求，蕾琪未來的腳步會更加鏗鏘有力！</font></h2></div> <div style="float:left;background: ; width: 60%;"><h2 style="text-align:left;margin-top:1%;float:left;"id="scenic_title"><font style=" font-weight:100;font-size:20px;family='Microsoft YaHei' " color="#FFFFFF"> We have great hope that never stop the pursuit, the Lchear pace of the future will be even more sonorous and forceful.</font></h2></div> </div> </span></div><style>.toumingzia{width: 60%; margin-left:17%;position: absolute;top: 30%;background: ; } </style>

元素透明度加上這句即可：
filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6

總結

以上是生活随笔為你收集整理的HTML 图片上增加一层 透明层 并写不透明文字以及元素透明效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。