zoukankan      html  css  js  c++  java
  • 背景色透明,里面内容(图片、文字)不透明

    需要整这么一个透明层,里面的文字不透明,但是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>单位:北京市海淀区</p>
                       </div>
                    </div>
                </li>

    css:

    li{ 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; 218px; height:70px; bottom:0; left:0;filter:alpha(opacity=70); background:#ff6699; }
     li .popLovers_info{position:absolute; 218px; height:70px; bottom:0; left:0; }
     li .popLovers_info div{padding-top:10px; padding-left:20px; color:#FFFFFF; 185px; }
     li .popLovers_info span{color:#f6437f;}


    作者:狂流
    出处:http://www.cnblogs.com/kuangliu/
    欢迎转载,分享快乐! 如果觉得这篇文章对你有用,请抖抖小手,推荐一下!

  • 相关阅读:
    xml文档格式学习笔记
    Visual Studio学习记录
    Java学习笔记
    C#项目学习记录
    Linux命令行与shell脚本编程大全 学习笔记
    NodeJS (npm) 学习笔记
    Angular学习笔记
    TypeScript学习笔记
    java 项目相关 学习记录
    docker学习记录
  • 原文地址:https://www.cnblogs.com/kuangliu/p/3462209.html
Copyright © 2011-2022 走看看