jquery - 图片边框和 ResponsiveSlides.js

Question

我想使用 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 用于包含元素的幻灯片放映的默认类，并且边框看起来很好。

score 1 · Accepted Answer

我发现将边框添加到 ResponsiveSlides.js 用来保存图像的无序列表元素会导致边框出现在图像周围，就像我想要的那样。在这种情况下，我补充说：

border: 1px solid black;

到 .rslides 类，这是 ResponsiveSlides.js 用于包含幻灯片放映的元素的默认类，并且边框看起来很好。

1 回答 1