Question

我在使用JSSOR滑块的响应版本时出现问题。

我使用全宽滑块。

我的内容和导航栏位于1250px width margin: 0 auto;的容器中。

我想要的是我也将标题放在这个容器中。

然后字幕将完全与我的导航栏和内容对齐。

但滑块也会缩放我的容器。

滑块是否忽略了我的容器？

以下是一些演示代码：

<div class="home-slider">
  <div class="slides">
    <div>
      <img src="img.jpg" />
       <div class="container">
        <div u="caption" t="text" style="position: absolute; top: 60%; left: 70px;">
         <p class="slider-caption-small">Lees meer over:</p>
       </div>
      </div>
    </div>
  </div>
</div>

Answer 1

slides容器中的所有内容都应始终与滑块一起缩放。

如果您想要一个不使用滑块缩放的元素，请将其移出并指定noscale="true"属性。

<div class="home-slider">
  <div class="slides">
    ...
  </div>

   <div noscale="true" class="container">
    <div u="caption" t="text" style="position: absolute; top: 60%; left: 70px;">
     <p class="slider-caption-small">Lees meer over:</p>
   </div>
  </div>

</div>

滑块与容器的标题

1 个答案: