如何使背景颜色覆盖父级div的宽度?

3
我正在创建一个音乐播放器。
为了方便下载歌曲,我希望每隔一首歌曲背景色变暗一些。
由于是PHP编写的,我想要链接到实际页面而不是脚本。
http://thestartpage.comeze.com/music/
当你进入页面后,点击例如Eminem(4首歌曲)
如您所见,我已成功地让每隔一首歌曲风格不同。
但我希望背景颜色可以延伸到下载链接处。
以下是我的CSS:
#songs span {
color:#000000;
text-shadow:none;
padding-left:10px;
padding:10px;
margin-left:-24px;
width:100%;
/*left:325px; */
background-color:#FFFFFF;
/*right:0px; */
}
#songs span #download {
position:absolute;
float:left;
right:25px;
margin-top:-5px;
}
#songs span:hover {
cursor:pointer;
margin-left:0px;
}
父级 div 没有设置宽度,只是将位置设置为绝对定位,其 top、bottom、left 和 right 决定了其宽度和高度。
如果您需要更多信息,请告诉我,我会编辑帖子。

服务器忙碌? - user1956570
我连接服务器没有任何问题。 - robin00212
我可以提醒一下,虽然我不是律师,但如果用户确实可以通过在您的网站上点击链接来下载这些歌曲,那么您有侵犯版权的风险(除非您拥有适当的许可证),具体取决于您所在地的法律。此外,请勿将“已解决”(或任何变体)添加到您的问题标题中;如果问题是由其他人的答案解决的,则接受该答案(在其旁边点击打勾标记)。如果您自己解决了问题,请将该解决方案作为答案添加,并在两天(强制执行)后接受该答案。 - David Thomas
@DavidThomas 我不会让网站保持在线状态,我会将其放在本地主机上供个人使用,这只是一个临时域名,以便您在帮助我解决问题时有东西可以查看。 - robin00212
1个回答

1

设置 #songs 元素的宽度。 span 标签将扩展以填充其父元素。您可能需要考虑使用 div 标签代替 span 标签。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接