0

flexslide を使用していくつかの画像を表示していますが、次の矢印と前の矢印の上にカーソルを置いているときに、次/前の画像をサムネイルとして表示したいと考えています。しかし、画像をサムネイルとして使用すると、マウスオーバー効果が機能しなくなりますが、CSS ボーダーを使用すると、ホバーは正常に機能します。

前の矢印が画像をホバーし（機能しない）、次の矢印が単純な境界線をホバーするフィドルを作成しました（機能します） JSFIDDLE

#carousel .flex-direction-nav li a.flex-prev {
    background: url('http://cmbstaging.dreamhosters.com/assets/images/arrow-left.png') no-repeat;
    display: block;
    width: 18px;
    height: 39px;
    left: -36px;
}

display:block を display:inline-block に変更しようとしました。しかし、それはうまくいきませんでした。任意のヒント ？

4

2 に答える 2

1

矢印に z-index を追加してみてください。 

.flex-direction-nav,
.flex-direction-nav * {
    z-index: 99999 !important;
}
于 2013-08-08T08:06:42.950 に答える