0

我的问题是我无法将歌曲标题文本保留在 line-height: 800px; 当用户播放或暂停播放器时。我设法在 :hover 上做到了。这似乎是一件非常棘手的事情,而且真的是我第一次在 css 上遇到如此困难的时刻。

我想发布一个 Jsfiddle,但它确实需要除 css 之外的大量代码,所以我会给你玩家的链接,这样你就可以知道发生了什么:

http://tinyurl.com/agvmue​​o

好的,如您所见,问题在于圆形进度条后面的文本看起来非常难看。总之,我试图让播放器的播放/暂停具有与用户悬停在播放器上时相同的 css 状态(文本和边框半径)。

预先感谢

4

1 回答 1

1

您可以使用相邻的兄弟选择器来实现此目的,例如.ui360-vis .sm2_paused + a.sm2_linkand .ui360-vis .sm2_playing + a.sm2_link

因此,用于设置line-height, (360player.css 文件中的第 48 行)的 CSS 选择器将变为:

.sm2-inline-list .ui360-vis:hover a.sm2_link, 
.sm2-inline-list .ui360-vis .sm2_paused + a.sm2_link,
.sm2-inline-list .ui360-vis .sm2_playing + a.sm2_link {
    line-height: 800px;
}
于 2013-01-10T13:17:10.870 回答