ResponsiveSlides.js を使用して、スライド ショーの画像に境界線を追加したいと考えています。ResponsiveSlides.js スクリプトに付属のデモ ページを試しているときに、画像に境界線を追加すると、右側の境界線が表示されないことがわかりました。画像の上、下、左側の境界線は期待どおりに表示されます。
ResponsiveSlides.js を使用すると、画像の左の境界線が表示されないのはなぜですか?
以下は、デモの画像に境界線を追加するための ResponsiveSlides.js スクリプトに付属する demo.html ファイルに追加した CSS スタイル ルールです。
<style type="text/css">
img { border: 1px solid red ! important; }
</style>
お時間とご協力いただきありがとうございます。
編集: OK、この質問を投稿した後、ResponsiveSlides.js が画像を保持するために使用する順序付けられていないリスト要素に境界線を追加すると、必要に応じて画像自体の周りに境界線が表示されることがわかりました。この場合、次のように追加しました。
境界線: 1 ピクセルの黒一色。
これは、ResponsiveSlides.js が要素と境界線を含むスライド ショーに使用するデフォルトのクラスです。