响应幻灯片-我可以't处理css
ResponsiveSlides - I can't handle css
我想使用responsiveslides.js。它可以工作,但我不知道如何更改css以获得100%宽度的滑块和无边距。有人能帮我吗?以下是责任清单。ss
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
在身体里我有:
<div id="sliderdiv">
<ul class="rslides" id="slider1">
<li><img src="../css/images/one.jpg" alt=""/></li>
<li><img src="../css/images/two.jpg" alt=""/></li>
<li><img src="../css/images/three.jpg" alt=""/></li>
</ul>
</div>
带有
#sliderdiv{
width: 100%;
height: 300px;
padding: 0px;
}
现在看起来是这样的:
http://oi61.tinypic.com/2hgwac4.jpg
试试这个,它可能会工作
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
因为高度将是自动的,例如:250px;并且将保持不变。
您可能在选项中设置了最大宽度。
$(".rslides").responsiveSlides({
maxwidth: "", <- LOOK FOR THIS
});
如果是这样的话,删除该行应该可以解决这个问题。
相关文章:
- CSS无法处理文本区域
- jQuery 动态从右到左的 CSS 处理
- 在 Node.js 中处理.js和.css
- 当使用HTTP/2时,缩小和连接JS/CSS文件,以及使用精灵进行图像处理仍然可以提供性能优势
- CSS Javascript在1 onClick上处理2事件
- 无法让悬停事件使用 jQuery UI 持续时间参数或 CSS 处理目标元素的同级元素
- 如何处理在多页 HTML/jquery 应用程序中链接到脚本和 css 文件
- 将悬停CSS添加到用javascript处理的表单元格中
- 使用 CSS 对高度进行动画处理
- 将类添加到元素时通过过渡对 CSS 进行动画处理
- JavaScript Regex over CSS:如何处理错误的类
- JS/CSS 库,用于根据指针位置对背景进行动画处理
- 是否可以对 Jquery 进行动画处理.CSS 背景更改
- 对 CSS 错误标签进行材料化处理
- 使用纯 JS 对更改 CSS 值进行动画处理
- 在重定向到友好的URL时处理CSS和JS
- 响应幻灯片-我可以't处理css
- 如何在angularjs中处理css和自定义指令
- 我如何处理CSS与Node.js
- 处理CSS加载失败