0

曲のタイトル テキストを line-height: 800px に保つことができないという問題があります。ユーザーがプレーヤーを再生または一時停止したとき。:hover でもなんとかできました。これは非常にトリッキーなことのようで、実際に css でこれほど困難な瞬間を経験したのは初めてです。

Jsfiddle を投稿したいのですが、実際には css 以外の多くのコードが必要になるため、何が起こっているのかを理解できるように、プレイヤーのリンクを提供します。

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

ご覧のとおり、問題は、円の進行状況バーの後ろにあるテキストが非常に見苦しく見えることです。結論として、ユーザーがプレーヤーの上にカーソルを置いたときと同じ css 状態 (テキストと境界線の半径) をプレーヤーの再生/一時停止にしようとしています。

少し早いですがお礼を

4

1 に答える 1

1

たとえばand など、隣接する兄弟セレクターを使用してこれを実現できます。.ui360-vis .sm2_paused + a.sm2_link.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 に答える