css - 标签上的文字点击时不滑动

Question

我有一个 Accordion slider 。我的 slider 标签文本有问题，单击时不滑动。 Here is the URL to my site.

文本的 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;
}

我错过了什么？他们是一种让 slider 自动 slider 延迟几秒的方法吗？

Answer 1

问题是 .accordion label h7 设置为 position:absolute。如果删除它，您会注意到文本开始滑动。

我找到的针对生成的成束文本的修复方法是将宽度设置为 .accordion label h7。

.accordion label h7 {
    width: 200px;
}