プレーヤーが常に CD カバーの下にくるようにプレーヤーを移動する必要があります。HTML を変更することはできません (追加はできますが、順序を変更したり、内部のものを削除したりすることはできません)。また、プレーヤーに固定のマージントップを設定することもできません。それ以外に、何かアイデアはありますか?
display:block を試しましたが、絶対位置の div であるため、機能しません。
プレーヤーが常に CD カバーの下にくるようにプレーヤーを移動する必要があります。HTML を変更することはできません (追加はできますが、順序を変更したり、内部のものを削除したりすることはできません)。また、プレーヤーに固定のマージントップを設定することもできません。それ以外に、何かアイデアはありますか?
display:block を試しましたが、絶対位置の div であるため、機能しません。
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>
スリーブの絶対配置をオフにします。
.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 */
}