jquery革命滑块图像大于插槽（缺少8px）

Question

我们使用革命滑块2.2。我们现在看到一些奇怪的事我们的基本图像是1920x300px，这是其他屏幕尺寸调整大小。如果使用浏览器屏幕宽度1397px（图像218高）打开滑块，则slotholder中的图像绝对对齐左：-25px。 slotholder div fullbannerwidth width是1394 px（插槽200高）。因此，我们在底部错过8px的图像。

请在下面找到示例图片。

我的问题：有没有人经历过这个？我现在必须调整图像大小以适应210吗？或者我应该调整slosolder的大小以适应218？

无论如何我正在浏览所有代码。它没有设置在CSS中。不是在HTML中。但是（我认为）在革命滑块css中。或者是否有设置禁用-25px左定位？

（我希望这一切都有点清楚）

也提供了代码示例

<div class="slider">
 <div class="fullwidthbanner-container">

 <!-- see the 210 PX HERE -->
 <div class="fullwidthbanner revslider-initialised tp-simpleresponsive hovered" style="height: 210px;overflow: visible;">
   <ul style="display: block;">
    <li data-transition="boxslide" data-link="/link" data-target="_self" style="visibility: visible; left: 0px; top: 0px; z-index: 18; opacity: 1;">

  <div class="slotholder">

  <!-- see the 218 PX + LEFT: -24px (changes betw 24 and 25) HERE -->
  <img src="image.png" alt="alt" width="1920" height="300" class="defaultimg" style="width: 1395.2px; height: 218px; position: absolute; left: -24px; opacity: 0; top: 0px;">

</div><div class="tp-caption sft slidelink" style="z-index: 2; cursor: pointer; font-size: 8.41875px; padding: 0px; margin: 0px; border: 0px; line-height: 11.6266666666667px; white-space: nowrap; opacity: 0; left: 0px; top: -50px; transform: scale(1, 1) rotate(0deg); visibility: hidden;" data-x="0" data-y="0" data-linktoslide="no" data-start="0"><a target="_self" href=""><div></div></a></div></li>
</ul>
<div class="tp-bannertimer tp-top" style="width: 60.1525423728814%; overflow: hidden;"></div>
<div class="tp-loader" style="display: none;"></div></div>
<div class="tp-bannershadow tp-shadow1" style="width: 1347px;"></div><div class="tp-bullets simplebullets round" style="visibility: visible; width: 62px; left: 642.5px; bottom: -9.8px; opacity: 0;"><div class="bullet first"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet last selected"></div><div style="clear:both"></div></div><div style="visibility: visible; position: absolute; left: 0px; top: 105px; opacity: 0;" class="tp-leftarrow tparrows round large"></div><div style="visibility: visible; position: absolute; left: 1269px; top: 105px; opacity: 0;" class="tp-rightarrow tparrows round large"></div></div>
</div>

Answer 1

您使用的是旧版本的滑块。自v.2.2以来有超过20多个更新，请更新到4.6.5版本，它将修复任何类型的位置，调整大小或间隙错误。如果您的更新后问题仍然存在，请随时通过http://themepunch.com/support-center

与我们联系

来自ThemePunch的致谢和问候！