如何在對象/視頻背後保留div背景

我已經創建了一個簡單的div，其中我有一個YouTube視頻，然後在右側我希望寫入文本。但是，樣式div背景僅適用於文本，而不適用於視頻對象。任何指針？下面如何在對象/視頻背後保留div背景

碼 -

HTML

<body> 

<h1>PEACE TODAY</h1> 

<div id="video"> 

<object id="youtube" type="application/x-shockwave-flash" style="width:540px; height:300px;" data="http://www.youtube.com/v/VS4KoApcZHU&feature=relmfu"> 
</object> 

<p> This is a youtube video </p> 

</div> 

</body>

CSS -

body { 
    background-color: #B7DBFF; 
    color: #006; 
    font-family:Verdana, Geneva, sans-serif; 
    margin:10%; 
} 

#video { 
    background-color:#FFFFFF; 
    padding:3%; 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px; 
} 

#youtube { 
    clear:left; 
    float:left; 
}

來源

2012-03-06 Matt Murphy

這是什麼可以在http://newmedia.leeds.ac.uk/ug10/cs10mm/youtube.html查看 – 2012-03-06 13:07:33

添加float: right;或float: left;到div：

#video { 
    background-color:#FFFFFF; 
    float: right; 
    padding:3%; 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px; 
}

來源

2012-03-06 13:14:01 lvil

添加overflow: hidden;到div

#video { 
    background-color:#FFFFFF; 
    padding:3%; 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px; 
    overflow: hidden; 
}

所以「格」調整自己的內部

來源

2012-03-06 13:18:27 MCSI

如何在對象/視頻背後保留div背景

回答

相關問題