私は自分のウェブサイトに nivo スライダーを統合しています。jquery を使用しています。ワードプレスのプラグインではありません。インストールするとすぐに動作するので問題ありませんが、もっと素敵にしたいという考えに出くわしたとき、.nivoSlider クラスにいくつかのスタイルを追加しようとしました
padding: 8px;
border: 1px solid #ccc;
background: #fff;
-moz-box-shadow: 0 0 5px 5px #888 !important;
-webkit-box-shadow: 0 0 5px 5px#888 !important;
box-shadow: 0 0 5px 5px #888 !important;
最初は、パディングはスライダーの上部と下部にのみ適用され、交換するまで境界線を使用することさえあります
height: 100%;
に
max-height: 100%;
.nivoSlider クラスで
しかし、ここでの主な問題はボックスの影です。これは、影がスライダーの両側で切り取られているためです。つまり、影がスライダーの左右に表示されていないことを意味します (影はボックス全体にはありません)。代わりに、ボックスの影はスライダーの上部と下部にのみ表示されます。
何が起こっているのかわかりませんが、何が起こっているのか、これを修正する方法を理解しようとしているので、スライダーで完全なボックスの影を実現する方法について提案やアイデアを求めています.
ありがとう。