Question

似乎我每天都有CSS问题。我希望很快我会得到回报。所以现在我正在尝试修改jquery滑块以移动图像和描述叠加的位置。我正在处理的网站是here

请注意滑块，其中包含左侧的导航部分，图像以及覆盖在图像右下角的说明。现在滑块和右边的新闻稿块之间有很多空白区域。我想要做的是让导航部件保持原样，并使图像和描述一起向右移动指定的量。理想情况下，我试图仅在CSS中执行此操作。

这是CSS的一部分，我认为我应该对此感兴趣：

jo-k2-main-outer {
    position: relative;
    overflow: hidden;
}

如果我添加左：120px;然后我在Firebug中看到包含图像的div现在占据了我想要的空间，但是图像本身的位置（描述重叠）没有改变，并且在右边切断了等于120px的数量。所以我想也许我需要编辑jquery。例如，在firebug中我看到JoK2Slide（文档）.ready（function（$）{其marginleft参数设置为5px但是编辑它（例如到125px）不会产生结果。此外，我真的想要完成这只在CSS中。

关于如何尽可能简单地解决这个问题的任何想法？

一如既往地感谢，

Answer 1

好的，我明白了。我需要将相应的元素宽度（在模块代码中设置为内联）设置为100％！现在一切都很好。

<div id="jo-k2-slide45" class="jo-k2-slidecontent  jo-k2-snleft topslider" style="height: 275px; width: 100%;">

Answer 2

是的，有可能使用css，你只需要在下面做一些改变，而不是你可以去。

更改style.css中的以下css

.jo-k2-main-outer{
  left :0;
}

- ＆GT;通过这样做，您将看到图像向右移动。您还可以看到图像附近出现一个点，要删除它，您需要更改以下css

ul.jo-k2-main-wapper li{
 list-style: outside none none;
}

如果您有任何其他问题，请告诉我。

感谢。

仅通过CSS控制jquery滑块中的图像位置？

2 个答案: