Html 有一个<；按钮>；完全标记在a<；部门>；要素

我试图制作一个完全覆盖div元素的标记，当单击时，button元素将消失。 HTML:

我曾尝试将高度和宽度设置为100%，但这并没有完全填满该区域。。。我该如何解决这个问题

#启动存储按钮{
身高：100%；
宽度：100%；
位置：绝对位置；
排名：7.5vw；
右：20vw；
z指数：10；
背景色：#F451E；
颜色：白色；
字体大小：50px；
字体：斜体；
过渡：均为0.6s；
光标：url（cursors/select.PNG），指针；
}
#故事{
背景图像：url（“https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Three_little_pigs_%28geograph_4633727%29.jpg/1200px-三头小猪（地理学家4633727.jpg）；
背景大小：100%；
身高：40%；
宽度：80%；
保证金：0自动；
}

三只小猪


回去
121212
继续
开始讲故事吧！

必须将按钮元素放置在“隐藏元素”的顶部，如果将主元素位置设置为相对，则可以将子元素绝对放置在其上方（

顶部：0；右侧：0

），高度和宽度为100%

对于隐藏按钮，最简单的方法是向按钮添加侦听器事件，然后使用javascript隐藏（或删除）按钮

#启动存储按钮{
身高：100%；
宽度：100%；
位置：绝对位置；
排名：0；
右：0；
z指数：10；
背景色：#F451E；
颜色：白色；
字体大小：50px；
字体：斜体；
过渡：均为0.6s；
光标：url（cursors/select.PNG），指针；
}
#故事{
背景图像：url（“https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Three_little_pigs_%28geograph_4633727%29.jpg/1200px-三头小猪（地理学家4633727.jpg）；
背景大小：100%；
身高：40%；
宽度：80%；
保证金：0自动；
位置：相对位置；
}

三只小猪


回去
121212
继续
开始讲故事吧！

我不太确定您的HTML结构。但是当你描述你的问题时，我为你创建了一个例子

您不需要在HTML中进行更改就可以使其简单明了

story div包含一个按钮，它的位置绝对适合整个div

我已经加入了一点jQuery来展示它的样子

$（函数（）{
$（“button.overlay”）。单击（函数（）{
$（this.hide（）；
});
});
故事{
宽度：250px；
高度：100px；
边框：1px纯黑；
文本对齐：居中；
位置：相对位置；
}
.覆盖{
位置：绝对位置；
顶部：0px；
左：0px；
身高：100%；
宽度：100%；
}

故事来了！
阅读故事按钮
听起来像是X/Y问题。你想用这个实现什么？我想有一个覆盖整个文本区域的按钮，这样当用户想继续时，他会按下按钮，按钮会消失，然后他们会看到文本请更新我让你显示问题的片段-隐藏的可见性没有帮助对不起，我是这个网站的新手，我应该在代码片段中更改什么以及如何使用它？哦，是的，当我使用您提供的#story的代码时，按钮会填充整个页面。。。我不知道怎么了你设置了
#story{position:relative；}
？