0

podsnack mp3 プレーヤーを使用しています。ただし、ページを更新するたびに、次のようなランダムな数字の div ID コードが更新されます。id="cover#some-random-number#

すると、このように表示されます

covercontainer80191
covercontainer36190

などなど。私がやりたかったのは display:none でカバー面を非表示にし、代わりに曲のタイトルだけを表示することです。CSSでこれを行う方法はありますか?

私が使用しているコードは、実際には<iframe/>.

<iframe style="border:none;margin-bottom: 5px" src="http://files.podsnack.com/iframe/embed.html?hash=ah3fblli&t=1369709402" width="425" height="320" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" ></iframe>
4

2 に答える 2

1

それがiframeにある場合、CSSだけでできることはあまりないと思います。これは別のドキュメントであり、親ドキュメントからスタイルを継承しません。

ただし、あなたの場合、目標を達成するためにちょっとしたトリックを行うことができます。で iframe を別の要素にラップしoverflow:hidden、不要なコンテンツを隠すように iframe を配置します。

<div>
    <iframe></iframe>
</div>

ここで数値を微調整する必要がありますが、これはあなたの場合には良いようです:

div {
    overflow:hidden;
    width:199px;
    height:260px;
    position:relative;
}

iframe {
    position:absolute;
    top:-43px;
    left:-200px
}

プレイリストのみが表示されたデモ: http://jsfiddle.net/sxyXF/

ただし、「カバー側」には再生ボタンも含まれているため、トラックを再生する方法はありません。

于 2013-06-22T18:18:56.133 に答える
0

私があなたの質問を理解している場合、これらのインスタンスをすべて非表示にしたい...その場合は、CSSでこれを実行して非表示にすることができます

div[class~="covercontainer"]{
display:none;
}
于 2013-06-22T18:43:27.870 に答える