Javascript 使包含文件中的div不受其父文件的影响_Javascript_Php_Css_Include

Javascript 使包含文件中的div不受其父文件的影响

javascript php css

Javascript 使包含文件中的div不受其父文件的影响,javascript,php,css,include,Javascript,Php,Css,Include,我目前正在尝试为图像构建一个幻灯片，我希望它可以很容易地重用。这意味着我希望所有的html和php代码都包含在一个包含文件中所以现在我面临的问题是幻灯片的位置必须是：固定的；但是该文件必须包含在预览图像的容器中在html/css/javascript/php中是否有任何方法可以使diashow div不受其位置上所有父div的影响，从而使其成为一个适当的固定元素下面是一个简单的例子。这是我的主文件： <body> <div class="container">

我目前正在尝试为图像构建一个幻灯片，我希望它可以很容易地重用。这意味着我希望所有的html和php代码都包含在一个包含文件中

所以现在我面临的问题是幻灯片的位置必须是：固定的；但是该文件必须包含在预览图像的容器中

在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标签的顶部一样，这样它就可以重叠其他所有内容

你能举一个你的标记的例子吗？我想你在找。不知道怎么做！重要的事情应该对我有帮助。。我添加了一个例子，希望能澄清我的问题。