中国CAD论坛

 找回密码
 注册会员

QQ登录

只需一步,快速开始

AutoCAD软件下载AutoCAD视频教程等待验证会员请验证邮箱注册会员指导
可以赚钱的网盘CAD习题集AutoCAD教程 
查看: 12|回复: 0
收起左侧

css实现鼠标移至图片上显示遮罩层及文字

[复制链接]
  • TA的每日心情
    奋斗
    3 天前
  • 签到天数: 429 天

    [LV.9]以坛为家II

    发表于 2018-10-9 15:30:47 | 显示全部楼层 |阅读模式 简体中文繁體中文

    欢迎加入,注册成为会员,享用更多功能,完全免费。

    您需要 登录 才可以下载或查看,没有帐号?注册会员

    x
    1. <style type="text/css">
    2. .box{
    3.   width:300px;
    4.   height:200px;
    5.   position:relative;
    6.   background:red;
    7.   cursor:pointer;
    8. }
    9. .box .bmbox{
    10.   width:300px;
    11.   height:30px;
    12.   background:black;
    13.   position:absolute;
    14.   bottom:0px;
    15.   left:0px;
    16.   display:none;
    17.   font:12px/30px "宋体"; color:white;
    18.   text-align:center;
    19. }
    20. .box:hover .bmbox{
    21.   width:30px;
    22.   height:30px;
    23.   background:#aaa;
    24.   position:absolute;
    25.   bottom:0px;
    26.   left:0px;
    27.   display:block;
    28.   font:12px/30px "宋体"; color:white;
    29.   text-align:center;
    30. }
    31. </style>
    32. </head>

    33. <body>
    34. <div class="box">
    35.   <div class="bmbox">AD</div>
    36. </div>
    37. </body>
    复制代码


    帖子地址: 

    您需要登录后才可以回帖 登录 | 注册会员

    本版积分规则

    本站所有资料仅供大家学习之用,商用请务必购买正版版权!有侵权之处,请联系管理员(QQ:119891935)删除!
    亲爱的,赶快加入我们吧!
    X
    快速回复 返回顶部 返回列表