0

实际上我想出了一种方法来做到这一点：下面的代码并不完全是工作代码，但它确实传达了我的想法。我已经实现了这个想法并且它确实有效。我认为缺点是复杂页面，因为每次弹出窗口上升或下降时都必须重新加载整个页面。但是，好的一面是，没有更多的 JAVA 脚本！！！耶！！！:)

<html>
<body class="classfile.css">
<div                                 <?//add background stuff here?>
<?php
if(isset($_POST["popupmode"]))
   echo ' style="opacity:0.15" '; //this will fade out any background stuff
 ?>
style="height:1000px;with:600"px>
<form method="post" action="thispage.php">
<input type="hidden" name="popupmode">
<input type="submit" value="bring up popup">
</form>
</div>

 <?php
 if(isset($_POST["popupmode"]))
  {
   echo '<div style="with:200px;height:200px;top:-800px;left:200px;border-style:raised">';
  echo '<form method="post" action="thispage.php">';
  echo '<input type="submit" value="bring down popup">';
  echo '</form></div>';
  }    
  ?>
  </body>
  </html>
4

1 回答 1

1

PHP 是服务器端。将页面重新加载到“弹出”的东西不是很聪明。

有 PURE-CSS 灯箱，你可以使用 JavaScript 甚至你的 PHP 解决方案作为后备，以防兄弟是旧的。不过，这不是一个好主意。我会尝试 CSS 解决方案，因为它可能发生在客户端。

就像是：

.popupBox {
    display:none;
}
.popup:hover .popupBox{
    display: block;
}

或者，如果您需要点击：

.popupBox {
    display:none;
}
.popupBox:target{
    display: block;
}
于 2012-11-03T03:20:50.303 回答