Html 按钮可以'；别再逼了
为什么按钮“1”只能按一次？第一次单击后，它不会响应。这是在我加上身高=100%后发生的，但我仍然不明白为什么 Javascript用于我计划添加的其他按钮 谢谢所有能帮忙的人Html 按钮可以'；别再逼了,html,css,Html,Css,为什么按钮“1”只能按一次？第一次单击后，它不会响应。这是在我加上身高=100%后发生的，但我仍然不明白为什么 Javascript用于我计划添加的其他按钮 谢谢所有能帮忙的人 <html> <head> <style> html,body { height: 100%; } body { background-color: white; width: 960px; margin: auto; position: relative; } .one { ba
<html>
<head>
<style>
html,body
{
height: 100%;
}
body {
background-color: white;
width: 960px;
margin: auto;
position: relative;
}
.one {
background-color:blue;
color: black;
font-size: 45px;
text-decoration: none;
text-align: center;
width: 60px;
height: 60px;
overflow:hidden;
float:left;
position:absolute;
transition: .5s ease;
top: 250px;
left: 240px;
text-align: center;
}
.one:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
color: #21211e;
font-size: 45px;
vertical-align: center;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.8);;
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
z-index:0;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.popup {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 30%;
position: relative;
transition: all 5s ease-in-out;
}
.popup h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: orange;
}
.popup .content {
max-height: 30%;
overflow: auto;
}
</style>
</head>
<body>
<a class="one" id="one" href="#popup1" onclick="changeZIndex(this)">1</a>
<div id="popup1" class="overlay">
<div class="popup">
<h2>Here i am</h2>
<a class="close" href="#">×</a>
<div class="content">
1
</div>
</div>
</div>
<script type="text/javascript">
function changeZIndex(elm) {
if (elm.className == "one") {
document.getElementById('one').style.zIndex = -1;
}
}
</script>
</body>
</html>
html，正文
{
身高：100%；
}
身体{
背景色：白色；
宽度：960px；
保证金：自动；
位置：相对位置；
}
.一{
背景颜色：蓝色；
颜色：黑色；
字体大小：45px；
文字装饰：无；
文本对齐：居中；
宽度：60px；
高度：60px；
溢出：隐藏；
浮动：左；
位置：绝对位置；
过渡：放松；
顶部：250px；
左：240px；
文本对齐：居中；
}
1.悬停{
-webkit转换：比例（1.1）；
转换：比例（1.1）；
颜色：#21211e；
字体大小：45px；
垂直对齐：居中；
}
.覆盖{
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
背景：rgba（0,0,0,0.8）；；
过渡：不透明度500ms；
可见性：隐藏；
不透明度：0；
z指数：0；
}
.覆盖：目标{
能见度：可见；
不透明度：1；
}
.弹出窗口{
利润率：70像素自动；
填充：20px；
背景：#fff；
边界半径：5px；
宽度：30%；
位置：相对位置；
过渡：所有5s易于输入输出；
}
.弹出窗口h2{
边际上限：0；
颜色：#333；
字体系列：Tahoma，Arial，无衬线；
}
.弹出.关闭{
位置：绝对位置；
顶部：20px；
右：30px；
过渡：所有200ms；
字体大小：30px；
字体大小：粗体；
文字装饰：无；
颜色：#333；
}
.弹出.关闭：悬停{
颜色：橙色；
}
.popup.content{
最高高度：30%；
溢出：自动；
}
我来了
1.
函数更改索引（elm）{
if（elm.className==“一”）{
document.getElementById（'one'）.style.zIndex=-1；
}
}
1111htmlbody主体#popup1正文主体上方htmlbody主体#popup1正文主体上方