Question

我一直在努力（非常努力）让这个滑块保留在背景图像的黑色区域内。如果我将所有宽度等设置为固定值，我可以这样做但是然后页面不再响应。当我尝试使用百分比时，所有内容都会随浏览器缩放，但滑块会跳转...模拟运行在： http://www.skaliwag.com.au

Answer 1

你好，我想我已经解决了你的问题。

这非常简单。您只需要在css中更改两个值：.rslides margin to 65% auto并删除图像的上边距。那么它应该是这样的。

滑块div：

.rslides {
     position: relative;
     list-style: none;
     overflow: hidden;
     width: 70%;
     padding: 0M
     margin: 65% auto;    
}

和图片：

.rslides img {
    float: none;
    display: block;
    height: auto;
    width: 100%;
    border: solid 1px;
    border-radius: 10px;
    position: relative;
}

希望它有用：）

试图让滑块保持在背景图像边框内并仍然保持响应

1 个答案: