Границы изображений и ResponsiveSlides.js

Я хотел бы добавить границу к изображениям в слайд-шоу, используя RespiveSlides.js. Эксперируя с демонстрационной страницей, которая поставляется с скриптом ResponsiveSlides.js, я обнаружил, что добавление границы к изображениям приводит к тому, что правая граница не будет видимой. Границы в верхней, нижней и левой частях изображения отображаются так, как ожидалось.

Почему левая граница изображения не будет видна при использовании RespiveSlides.js?

Вот правило стиля CSS, которое я добавил в файл demo.html, который поставляется с скриптом ResponsiveSlides.js, чтобы добавить границу к изображениям в демо:

Заранее благодарим за ваше время и помощь!

EDIT: Хорошо, после публикации этого вопроса я обнаружил, что добавление границы к неупорядоченному элементу списка, который использует RespiveSlides.js для хранения изображений, приводит к появлению границы вокруг изображений, как я и хочу. В этом случае я добавил:

граница: 1px сплошной черный;

к классу.rslides, который является классом по умолчанию, используемым ResponsiveSlides.js для слайд-шоу, содержащего элементы, и граница оказалась просто прекрасной.

1 ответ

Я обнаружил, что добавление границы к элементу неупорядоченного списка, который использует RespiveSlides.js для хранения изображений, приводит к появлению границы вокруг изображений, как я и хочу. В этом случае я добавил:

border: 1px solid black;

к классу.rslides, который является классом по умолчанию, используемым ResponsiveSlides.js для элемента (элементов), который содержит слайд-шоу, и граница появилась просто отлично.

licensed under cc by-sa 3.0 with attribution.