<!DOCTYPE html><html lang="en"><head> <meta chart="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati辽宁传媒学院学费ble" content="ie=edge"> <title></title> <style> .box { position: relative; width: 200px; height: 200px; margin: 50px auto; background-color: red; } img { height: 100%; width: 100%; 溴苯 } .box::after { /* 是否显示 */ display: none; /* content必须要有 */ content: ""; /* 进行定位，子绝父相 */ position: absolute学习方法网; /* 绝对定位是对于最近的有宋钦宗定位的上一级的祖先元素来说的 */ top: 0px; right: 0px; /* 加入阴影盒子的大小和阴影的透明度 */ height: 200px; width: 200px; background: rgba(117, 71, 71, 0.3); } .box:hover::after { display: block; } </style></head><body>小学三年级日记大全 <div class="box"> <img src="images/btn.png" alt=""> </div></body></html>本文地址：https://blog.csdn.net/weixin_45147894/article/details/107150625
本文发布于:2023-04-07 11:24:10，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/b70cd20e3e8b927421c123f6fdd50fda.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：利用伪元素来做鼠标经过有遮罩层的效果.doc
本文 PDF 下载地址：利用伪元素来做鼠标经过有遮罩层的效果.pdf
| 留言与评论（共有 0 条评论） |
