84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
How to add a p to the p picture with a button link? As shown, who can give me the complete code? Thank you!
Written a simple hover effect for youhttp://jsrun.net/TQYKp
html
查看更多
css
.mask { background: #ff00a5; width: 300px; height: 200px; position: absolute; top: 0; z-index: 99; display: none } .image { width: 300px; height: 200px; } .box { position: relative; width: 300px; } .box:hover .mask { display: block; } .box:hover .link { width: 120px; height: 40px; display: block; background: #FFF; line-height: 40px; text-align: center; margin: 80px auto; color: #ff00a5 }
The most important thing in programming is thinking, and the code implements it by itself.The basic idea is to use position to solve this problem.
Add a mouse move-in removal event, and put a p on the img to make it transparent when removed,
You can do it with display. . Just move it in and out of settings
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Written a simple hover effect for you
http://jsrun.net/TQYKp
html
css
The most important thing in programming is thinking, and the code implements it by itself.
The basic idea is to use position to solve this problem.
Add a mouse move-in removal event, and put a p on the img to make it transparent when removed,
You can do it with display. . Just move it in and out of settings