如何在对象/视频背后保留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背景

回答

相关问题