noscript风格没有工作

嘿即时通讯制作一个html文件，我想要它，这样当有人访问该页面并且有noscript启用，它会使整个页面变黑并显示白色文本说“启用JavaScript” 这里是我的代码：noscript风格没有工作

<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">&nbsp;</div>

，但它不工作帮助吗？我试过这个： Body styling for a noscript tag?但没有。图片：http://imgur.com/a/KRqXS

来源

2017-04-23 adddff

您在. noscriptext之后有.noscript，所以它显示在最上面。在.noscriptext之前输入.noscript或在.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>

来源

2017-04-23 19:08:57

noscript风格没有工作

回答

相关问题