幻燈片div下面的絕對定位div

Question

http://jsfiddle.net/FUqhb/

我需要移動播放器，以便它始終停留在cd封面下。 我無法更改html（我可以添加內容，但無法更改內容或刪除內容），也無法爲播放器設置固定的邊距。除此之外，有什麼想法？

我試過顯示：塊但它不起作用，可能是因爲它是絕對定位的div。

Answer 1

的jsfiddle：http://jsfiddle.net/FUqhb/11/

您可以添加與height:200px一個div這將推動攔了下來。

<div class="audio_player"> 
    <div style="height:200px"></div> 
    <embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/audio_player_black.swf?audio_file=somefile.mp3" height="27" width="207"/> 
</div> 

Answer 2

關閉套的絕對定位：

.turntable { 
    width: 100%; 
    height: 200px; /* cd height */ 
    position: relative; 
} 

.artwork, 
.gloss, 
.sleeve { 

    width: 100%; 
    height: 100%; 
    background-size: cover; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
} 

.gloss { 
    background: url('http://i.imgur.com/JrVdR.png'); 
    position:absolute; 
    top:0;left:0 
} 

.sleeve { 
    background: url('http://i.imgur.com/VjVh1.jpg') no-repeat; 
    width: 200px; /* cd width */ 
}