我想使用 ResponsiveSlides.js 为幻灯片中的图像添加边框。在试验 ResponsiveSlides.js 脚本附带的演示页面时,我发现向图像添加边框会导致右边框不可见。图像顶部、底部和左侧的边框按预期显示。
为什么使用 ResponsiveSlides.js 时图片的左边框不可见?
这是我添加到 ResponsiveSlides.js 脚本附带的 demo.html 文件中的 CSS 样式规则,用于为演示中的图像添加边框:
<style type="text/css">
img { border: 1px solid red ! important; }
</style>
提前感谢您的时间和帮助!
编辑:好的,在发布这个问题后,我发现将边框添加到 ResponsiveSlides.js 用来保存图像的无序列表元素会导致边框出现在图像周围,如我所愿。在这种情况下,我补充说:
边框:1px纯黑;
到 .rslides 类,这是 ResponsiveSlides.js 使用的默认类,用于包含元素和边框的幻灯片放映。
最佳答案
我发现将边框添加到 ResponsiveSlides.js 用来保存图像的无序列表元素会导致边框出现在图像周围,如我所愿。在这种情况下,我补充说:
border: 1px solid black;
到 .rslides 类,这是 ResponsiveSlides.js 为包含幻灯片放映和边框的元素使用的默认类。
关于jquery - 图像边框和 ResponsiveSlides.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19797662/