0

アコーディオンスライダーがあります。クリックしてもスライドしないスライダーラベルのテキストに問題があります。これが私のサイトへのURLです。

テキストのCSS：

.accordion label h7{ 
position: absolute;
cursor:pointer; 
display: block;
-webkit-backface-visibility: hidden; /* fixes chrome bug */
-webkit-transform: translateX(-100%) rotate(-90deg); 
-webkit-transform-origin: right top; 
-moz-transform: translateX(-100%) rotate(-90deg);
-moz-transform-origin: right top; 
-o-transform: translateX(-100%) rotate(-90deg); 
-o-transform-origin: right top; 
transform: translateX(-100%) rotate(-90deg); 
transform-origin: right top;
}

私は何が欠けていますか？スライダーを数秒遅れて自動スライダーにする方法はありますか？

4

2 に答える 2

2

問題は、.accordion label h7に設定されていることposition:absoluteです。これを削除すると、テキストがスライドし始めます。

結果の束のテキストに対して私が見つけた修正は、幅をに設定すること.accordion label h7です。

.accordion label h7 {
    width: 200px;
}
于 2013-03-24T15:03:46.623 に答える
0

テキストはスライドしていますが、更新されていません。一部のCSSプロパティが変更されるとすぐに、テキストは正しい位置にジャンプします。したがって、テキストのアニメーション化を開始する前にCSSプロパティを変更し、アニメーションの完了後に再度削除してみてください（border-colorのように、誰にも表示されません）。（関連するSOの質問）

于 2013-03-24T15:02:51.637 に答える