使用 CSS 将重播按钮放置在游戏结束时的中心

发布于 2024-12-22 18:27:08 字数 207 浏览 1 评论 0原文

我正在制作一个游戏,它最终会淡化包含它的 div 并为用户提供重玩的选项。

我希望将重播按钮(这是一个图像)准确地放置在褪色 div 的中心。在尝试这样做时,通过显示重播按钮(该按钮实际上在开始时位于整个 div 的中心但隐藏),它出现并取代了我游戏中褪色的内容。

我的问题是如何使重播按钮可见而不取代/干扰其他内容

如果我不清楚我的问题,请发表评论。

I am making a game, which at the end fades the div containing it and gives the user an option to replay.

I wish to place the replay button(which is an image) exactly at the center of faded div. While trying to do so, by showing the replay button which was actually at the center of entire div at the beginning but hidden, it comes and displaces the faded contents of my game.

My question is how can i make the replay button visible without displacing/disturbing other contents

Please comment if i am unclear in my question.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

删除→记忆 2024-12-29 18:27:08

我终于做到了。我将包含重播按钮的 div 放在末尾,但不在游戏 div 内,然后将游戏 div 的不透明度设置为 0.2,使重播可见并将其定位到右侧位置,更改其 z-index、margin-left 和 margin -top等使用javascript。

I did it finally. I placed the div containing replay button at the end, but not inside the game div, then set the opacity of game div to .2 and them made replay visible and positioned it to right position changing its z-index, margin-left and margin-top etc using javascript.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文