Please tell me how to implement such a web page floating box, which can have shadow mask_html/css_WEB-ITnose

As shown in the picture...

Reply to the discussion (solution)

Personally I think it should be three layers
The first layer is the top : New version of blog... or something. Use div to install it, and then float it. As for the style, it is a picture, and then align it to the specified place.
The second layer is the middle: full-screen div: black, and then modify the transparency to show the shadow effect.
The third layer is the information layer: you know!

Click to see or get it to hide the second layer.

I estimate, I don’t know if it’s right!

I personally think it should be three layers
The first layer is the top: the new version of the blog...or something. It is installed with divs and then floated. As for the style, it is just a picture, and then Align to specified location.
The second layer is the middle: full-screen div: black, and then modify the transparency to show the shadow effect.
The third layer is the information layer: you know!

Click to see or get it to hide the second layer.

I estimate, I don’t know if it’s right!


But I don’t know how to write three layers at all....

Use the z-index style. You can go online to see how to use this attribute. It’s very simple. !
Haha! Hope it helps you

Focus mode

4 divs covering other places of the rectangle to be focused