Html 屏幕上的中心跨度，而不是div？

我正在尝试制作一个简单的图像库，其中跨度在鼠标点击时打开，我也会对此提供特别的帮助，并显示放大的图像，该图像不是以其父div为中心，而是在整个屏幕上

---

提前感谢

您可以了解如何通过JavaScript和CSS在屏幕上创建覆盖。它需要一些html结构和操作，但内容将在W3部分介绍[.下面列出了页面中的代码片段。虽然不完全符合您的要求，但它的想法和实现将满足您的确切需求

身体{ 保证金：0； 字体系列：“Lato”，无衬线； } .覆盖{ 身高：100%； 宽度：0； 位置：固定； z指数：1； 排名：0； 左：0； 背景色：rgb0,0,0； 背景色：rgba0,0,0,0.9； 溢出x：隐藏； 过渡：0.5s； } .覆盖内容{ 位置：相对位置； 最高：25%； 宽度：100%； 文本对齐：居中； 边缘顶部：30px； } .覆盖{ 填充：8px； 文字装饰：无； 字体大小：36px； 颜色：818181； 显示：块； 过渡：0.3s； } .overlay a:悬停，.overlay a:焦点{ 颜色：F1F1； } .overlay.closebtn{ 位置：绝对位置； 顶部：20px； 右：45px； 字体大小：60px； } @媒体屏幕和最大高度：450px{ .overlay a{font size:20px} .overlay.closebtn{ 字体大小：40px； 顶部：15px； 右：35px； } } 全屏覆盖导航示例 单击下面的元素打开全屏覆盖导航菜单

在本例中，导航菜单将从左向右滑动：

&9776；开放 函数openNav{ document.getElementByIdmyNav.style.width=100%； } 关闭导航功能{ document.getElementByIdmyNav.style.width=0%； }

---

父元素是主体元素。您需要在问题中添加一个。没有人会调试图像。