我目前正在尝试为图像制作幻灯片显示，希望可以轻松地重复使用。意思是我希望其中的所有html和php代码都包含文件。
所以现在我面临着幻灯片div必须定位的问题：固定；但是文件必须包含在用于预览图像的容器中。
html / css / javascript / php中是否有任何方法可以使diashow div在位置上不受其所有父div的影响，从而使其成为适当的固定元素？
所以这是一个简单的例子。这是我的主文件：
<body>
<div class="container">
<?php include('slideshow.php'); ?>
</div>
</body>
这是我的slideshow.php文件：
<link rel="stylesheet" href="slideshow.css">
<div class="slideshow"><img /><img /></div>
<div class="preview-images"><img /><img /></div>
<script type="text/javascript" src="slideshow.js"></script>
应该将预览图像放置在容器内，但是激活后，幻灯片放映必须固定在窗口上。我希望它的行为就像在body标签顶部一样，因此它可以与其他所有东西重叠。