標籤：pac rip ice dex block city overlay lock color
<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="renderer" content="webkit"><meta name="viewport" content="width=device-width,initial-scale=1"><title>浮動視窗</title><style>.black_overlay { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80);}.white_content { display: none; position: absolute; top: 25%; left: 25%; width: 50%; height: 50%; padding: 0; border: 1px solid orange; background-color: white; z-index: 1002; overflow: auto;}</style><script>function openWin(){ document.getElementById(‘light‘).style.display=‘block‘; document.getElementById(‘fade‘).style.display=‘block‘ }function closeWin(){ document.getElementById(‘light‘).style.display=‘none‘; document.getElementById(‘fade‘).style.display=‘none‘}</script></head><body><p><a href="javascript:void(0)" onclick="openWin()">點擊這裡開啟視窗</a></p><div id="light" class="white_content"> 這裡是視窗內容 <a href="javascript:void(0)" onclick="closeWin()"> Close</a> </div><div id="fade" class="black_overlay"></div></body></html>
極簡的css浮動視窗
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
