The background-position is wrong. If the sprite.png referenced in your css is the third picture, .plate-2after is the picture used to display the text part. Then the position you want to display is at 0 0. After the width and height of .plate-2after are set to 182*108. The css about the position part should be background: URL(sprite.png) no-repeat 0 0;
This is my first time answering a question, so I apologize for any unclear explanation. :-D
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
It is easy to make mistakes when calculating by yourself, use tools to do it and get twice the result with half the effort
http://www.spritebox.net
Hope it helps~ :)
The background-position is wrong. If the sprite.png referenced in your css is the third picture, .plate-2after is the picture used to display the text part. Then the position you want to display is at 0 0. After the width and height of .plate-2after are set to 182*108.
The css about the position part should be
background: URL(sprite.png) no-repeat 0 0;
This is my first time answering a question, so I apologize for any unclear explanation. :-D
.plate-2after Why is there no width, height, and position:absolute; in this class?
The way you write it, you can’t see the front part, not even the box, it’s weird to show the picture.