Css 单击时标签上的文本不随滑动

我有一个手风琴滑块。我有一个问题，滑块标签文本，这是不滑动时，点击

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

---

我错过了什么？这是一种让滑块自动滑动几秒钟的方法吗？

文本正在滑动，但没有更新。一旦某些CSS属性发生更改，文本就会跳转到正确的位置。因此，在开始设置文本动画之前，可以尝试更改CSS属性，并在动画完成后再次删除它（类似于没有人会看到的边框颜色）。（）

问题在于

。手风琴标签h7

被设置为

位置：绝对

。如果删除该选项，您将注意到文本开始滑动

我找到的一个解决方案是将宽度设置为

。手风琴标签h7

.accordion label h7 {
    width: 200px;
}

---

但在删除这篇文章后，它就乱七八糟了。怎么样？谢谢，这是一种让滑块自动旋转的方法吗？在里面css3@karthikpatruni当前位置你可以单独问这个问题。我不明白这个问题。对我来说，这个网站看起来不错。你能不能创建一个只显示孤立问题的模型？此外，在哪些浏览器中会出现此问题？