0

我有一个手风琴滑块。我的滑块标签文本有问题，单击时不会滑动。这是我网站的网址。

文本的 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 属性，并在动画完成后再次将其删除（类似于没有人会看到的边框颜色）。（相关的SO问题）

于 2013-03-24T15:02:51.637 回答