需要整這么一個透明層，里面的文字不透明，但是css做不到，可以用下方法解決。

（用兩個div一個是背景層?一個是文字層，用定位搞定）

??????<li?class="fl">
????????????????<img?src="Public/Images/pic/pl4.jpg"?width="218"?height="330"?/>
????????????????<div?class="popLovers_info_bg">
????????????????</div>
????????????????<div?class="popLovers_info">
???????????????????<div>
??????????????????????<p>姓名：王薇<span?class="pink?f14?fw">19</span>歲</p>
??????????????????????<p>單位：北京市海淀區(qū)</p>
???????????????????</div>
????????????????</div>
????????????</li>

css：

li{?width:218px;?margin-left:23px;?position:relative;?vertical-align:middle;?height:330px;?display:inline;}
li?.popLovers_info_bg{?position:absolute;?????background:rgba(255,?102,?153,?0.7)?none?repeat?scroll?0?0?!important;?width:218px;?height:70px;?bottom:0;?left:0;filter:alpha(opacity=70);?background:#ff6699;?}
?li?.popLovers_info{position:absolute;?width:218px;?height:70px;?bottom:0;?left:0;?}
?li?.popLovers_info?div{padding-top:10px;?padding-left:20px;?color:#FFFFFF;?width:185px;?}
?li?.popLovers_info?span{color:#f6437f;}

轉載于:https://www.cnblogs.com/kuangliu/p/3462209.html

總結

以上是生活随笔為你收集整理的背景色透明，里面内容（图片、文字）不透明的全部內容，希望文章能夠幫你解決所遇到的問題。

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