CSS弹出窗口不';不携带PHP变量
我正在构建一个网站,在一个循环中有一个CSS弹出窗口,该循环的增量为1,但变量$I没有进行弹出 CSSCSS弹出窗口不';不携带PHP变量,php,css,Php,Css,我正在构建一个网站,在一个循环中有一个CSS弹出窗口,该循环的增量为1,但变量$I没有进行弹出 CSS #cover { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 5; width: 100%; height: 100%; display: none; } #score { height: 380px; min
#cover {
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 5;
width: 100%;
height: 100%;
display: none;
}
#score {
height: 380px;
min-width: 280px;
max-width: 380px;
margin: 0 auto;
position: relative;
z-index: 10;
display: none;
background: url(login.png) no-repeat;
border: 5px solid #cccccc;
border-radius: 10px;
}
#score:target,
#score:target + #cover {
display: block;
opacity: 2;
}
.cancel {
display: block;
position: absolute;
top: 3px;
right: 2px;
background: rgb(245, 245, 245);
color: black;
height: 30px;
width: 35px;
font-size: 30px;
text-decoration: none;
text-align: center;
font-weight: bold;
}
.popup {
position: fixed;
left: 50%;
top: 20%;
}
.popup .wrapper {
position: relative;
left: -50%;
}
PHP
<?php $loopvalue = 3; $i=1; while ($i <= $loopvalue) {?>
<li><a href="#score">open popup <?php echo $i;?></a></li>
<div class="popup">
<div class="wrapper">
<div id="score" style="background-color:#FFF;">
popup # <?php echo $i;?>
<a href="#" class="cancel">×</a>
</div>
<div id="cover" >
</div>
</div>
</div>
弹出窗口#
弹出框编号$i从未更改。它在1号结冰。我不确定是什么问题。我没有看到任何,但我无法更改弹出编号 在代码中,您使用相同的id重复了分数div。不同的div需要有不同的id (这只会创建正确的html。要获得弹出效果,需要使用一些java脚本/JQuery代码) 试试这个
<?php $loopvalue = 3; $i=1; while ($i <= $loopvalue) {?>
<li><a href="#score<?php echo $i;?>">open popup <?php echo $i;?></a></li>
<div class="popup">
<div class="wrapper">
<div id="score<?php echo $i;?>" style="background-color:#FFF;">
popup # <?php echo $i;?>
<a href="#" class="cancel">×</a>
</div>
<div id="cover" > </div>
</div>
</div>
<?php $i++;}?>
你从哪里得到$i的值?从我的循环中,你能检查一下你是否在循环中增加$i吗;循环不起作用只是在本地运行,没有任何问题。它只会给我一堆结果,但弹出窗口不会打开,真的对你有用吗???它在我这方面不起作用,使用wamp Apache版本:2.4.9 PHP版本:5.5.12 MySQL版本:5.6.17这不会弹出任何内容。但是它创建了正确的html标记。您需要一些java脚本才能真正弹出div。