CSS弹出窗口不';不携带PHP变量

CSS弹出窗口不';不携带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

我正在构建一个网站,在一个循环中有一个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-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">&times;</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">&times;</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。