嘿,我正在制作一个 html 文档,我想拥有它,以便当有人访问该页面并启用 noscript 时,它会使整个页面变黑并显示白色文本,上面写着“启用 JavaScript” 这是我的代码:
<noscript>
<style>
.noscript{
width: 4000px;
height: 4000px;
position: fixed;
top: 50%;
left: 60%;
transform: translate(-50%, -50%);
background: black;
}
.noscriptext{
width: 400px;
height: 100px;
position: fixed;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center; font-size: 100%;
color: white;
}
</style>
<div class="noscriptext"><h1>to use this you must enable javascript</h1></div>
</noscript>
<div class="noscript"> </div>
但是它不起作用,请帮忙? 我试过这个: Body styling for a noscript tag?但什么都没有。 图片:http://imgur.com/a/KRqXS
最佳答案
在 之后有
所以它显示在顶部。将 .noscript
。 noscriptext.noscript
放在 .noscriptext
之前,或者在 .noscriptext
上使用 z-index
。
但是您可以将其简化很多,我会改用它。
<noscript>
<style>
.noscriptext {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: black;
color: white;
display: flex;
justify-content: center;
align-items: center;
}
</style>
<div class="noscriptext"><h1>to use this you must enable javascript</h1></div>
</noscript>
关于html - noscript 样式无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43575164/