凯得吧[CAD8.Net]

 找回密码
 注册会员

QQ登录

只需一步,快速开始

尊敬的会员:如您的密码仅为数字等简单密码,为帐号安全,请务必修改! 新会员请验证邮箱!升级后可发主题贴!
本站所有资料仅供大家学习之用,商用请务必购买正版版权!有侵权之处,请联系管理员(QQ:119891935)删除!
凯得学院(CAD8学院)AutoCAD软件下载AutoCAD视频教程等待验证会员请验证邮箱
注册会员指导可以赚钱的网盘CAD习题集AutoCAD技巧
查看: 22|回复: 0
收起左侧

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

[复制链接]
发表于 2018-10-9 15:30:47 | 显示全部楼层 |阅读模式 简体中文繁體中文
用QQ等截图工具截图后,点中发贴区直接按Ctrl+V键就可以将截图粘贴到发贴框.

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

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

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)删除!
快速回复 返回顶部 返回列表