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 回答