gpt4 book ai didi

javascript - 使用 z-index 那么为什么在 html 中显示背景对象

转载 作者:太空宇宙 更新时间:2023-11-04 10:04:38 26 4
gpt4 key购买 nike

我正在制作一个弹出窗口来显示一些预加载的东西,但是什么时候不起作用。它正在显示其他元素。

<html>
<script src="http://www.flygoldfinch.com/wp-includes/js/jquery.min.js"></script>
<script src="http://www.flygoldfinch.com/wp-includes/js/nprogress.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.flygoldfinch.com/wp-includes/css/nprogress.css">
<script>
jQuery(document).ready(function() {
jQuery('body').append('<div id="pbwrapper" style="width: 100%; position: fixed; left:0; top: 0; opacity:1; height: 800px; margin: 50px auto 0px auto; text-align: center; z-index: 10000; background-color : #fff;" > <h1 class="headline tac sans-serif">Wait while we loading Awesomeness</h1> </div>');
NProgress.start();
setTimeout(
function(){
NProgress.done();
jQuery('#pbwrapper').remove();
}, 9000
);
});
</script>
<body>
<div id="wrapper">This is wrapper</div>
</body>
</html>


该弹出窗口是使用 jquery 动态创建的。
我对 id="wrapper"进行了更改。
我的 CSS 中是否有任何错误。我固定了弹出窗口的位置。这是这里的截图 enter image description here

最佳答案

你在 jQuery 中犯了一个错误,比如你已经给出了边距,所以将其删除或者只是将其设为 0 以及其他 @Vinayak 是正确的 make height =100%

所以
在此行中进行更改

height: 800px; margin: 50px auto 0px auto;

height: 100%; margin: 0;

关于javascript - 使用 z-index 那么为什么在 html 中显示背景对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38119679/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com