css - 有没有可能的CSS技巧

Question

我正在使用 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>

Answer 1

如果它在 iframe 中，我认为仅使用 CSS 无能为力。它是一个单独的文档，不会从父文档继承样式。

但是，对于您的情况，您可以采取一些小技巧来实现您的目标。使用 overflow:hidden 将 iframe 包裹在另一个元素中，然后以隐藏不需要的内容的方式放置 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/

但是，“封面”也包含播放按钮，所以无法播放轨道。