图像边框和ResponsiveSlides.js

时间:2013-11-05 19:52:49

标签: jquery css border

我想使用ResponsiveSlides.js在幻灯片放映中为图像添加边框。在尝试使用ResponsiveSlides.js脚本附带的演示页面时,我发现向图像添加边框导致右边框不可见。图像顶部,底部和左侧的边框按预期显示。

使用ResponsiveSlides.js时,为什么图像的左边框不可见?

以下是我添加到demo.html文件中的CSS样式规则,它附带了ResponsiveSlides.js脚本,用于在演示中为图像添加边框:

<style type="text/css">
   img { border: 1px solid red ! important; }
</style>

提前感谢您的时间和帮助!

编辑:好的,在发布这个问题之后,我发现将边框添加到无序列表元素,ResponsiveSlides.js用来保存图像会导致边框出现在图像周围,本身就是我想要的。在这种情况下,我补充道:

边框:1px纯黑色;

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

1 个答案:

答案 0 :(得分:1)

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

border: 1px solid black;

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