我不知道如何準(zhǔn)確解釋我的問題，也不知道標(biāo)題是否足夠具體。但我想做的是，例如，我有一個(gè)像 Tic Tac Toe 這樣的游戲，如果游戲完成，整個(gè)屏幕上應(yīng)該彈出一條消息，該消息會(huì)阻止除只有一個(gè)按鈕之外的任何其他交互。像那樣：我認(rèn)為與display: ???
2 回答
白衣非少年
TA貢獻(xiàn)1155條經(jīng)驗(yàn) 獲得超0個(gè)贊
我為您做了一個(gè)簡(jiǎn)單的例子：
<head>
<style>
.content {
color: red;
}
.overlay {
z-index: 1;
width:100vw;
height: 100vh;
position: absolute;
top: 0;
left:0;
background-color:black;
opacity: 0.8;
}
.msg {
background-color: white;
width: 70px;
padding: 50px;
font-weight: bold;
text-align:center;
position: absolute;
top:40%;
left: 45%;
}
</style>
</head>
<body>
<p class="content">some content</p>
<div class=overlay>
<p class="msg">TEST</p>
</div>
</body>
</html>
這會(huì)在整個(gè)屏幕上顯示黑色覆蓋層，并帶有“TEST”消息，如果需要，您可以將更多項(xiàng)目（例如按鈕）添加到“覆蓋層”-div 中。
但請(qǐng)記住，要使用“位置：絕對(duì)；” 屬性。
您可以通過將“display: none”（隱藏）CSS 屬性設(shè)置為“overlay”-div 或設(shè)置“display: revert;”來(lái)顯示或隱藏它。展示它
慕容森
TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超18個(gè)贊
您需要?jiǎng)?chuàng)建全屏覆蓋。?然后您可以添加一個(gè) Javascript 事件，以便當(dāng)用戶單擊重新啟動(dòng)按鈕時(shí)重新啟動(dòng)您的測(cè)驗(yàn)。希望這可以幫助！
- 2 回答
- 0 關(guān)注
- 182 瀏覽
添加回答
舉報(bào)
0/150
提交
取消