Question

我想知道我做错了什么。我正在使用此代码

<div style="background-image: url('http://www.ionianradio.gr/radio1/images/tv5.png');" 
     align="center">
    <object id="livestreamPlayer" style="visibility: visible;"   
      data="http://cdn.livestream.com/chromelessPlayer/v20/playerapi.swf?channel=ionianradio&amp;color=0x000000&amp;autoPlay=false&amp;mute=false&amp;iconColorOver=0xe7e7e7&amp;iconColor=0xcccccc" 
      type="application/x-shockwave-flash" width="950" height="500">
    </object>
    <div>

不幸的是，我只看到了对象，而不是背景。不过，我不确定我是否能做到这一点。背景是电视监视器，对象是直播节目。

Answer 1

您需要在height中指定div才能显示背景信息。

以下片段：

＆＃13;

div {
  background-image: url('http://www.ionianradio.gr/radio1/images/tv5.png');
  height: 600px /*whatever you like*/
}

＆＃13;

<div align="center">
  <object id="livestreamPlayer" style="visibility: visible;" data="http://cdn.livestream.com/chromelessPlayer/v20/playerapi.swf?channel=ionianradio&amp;color=0x000000&amp;autoPlay=false&amp;mute=false&amp;iconColorOver=0xe7e7e7&amp;iconColor=0xcccccc" type="application/x-shockwave-flash"
  width="950" height="500"></object>
</div>

＆＃13;

注意：

尽量不要使用内联CSS，因为它是not a good practice，而是使用classes或ID's
您正在使用align=center，请尝试避免使用deprecated，因为您可以指定class / ID并使用CSS使其与中心对齐你需要/想要。

Answer 2

看起来你的结束div标签缺少斜杠。您可能还需要添加一些其他样式以确保div大于视频播放器

<div style="background-image: url('http://www.ionianradio.gr/radio1/images/tv5.png');" align="center"><object id="livestreamPlayer" style="visibility: visible;" data="http://cdn.livestream.com/chromelessPlayer/v20/playerapi.swf?channel=ionianradio&amp;color=0x000000&amp;autoPlay=false&amp;mute=false&amp;iconColorOver=0xe7e7e7&amp;iconColor=0xcccccc" type="application/x-shockwave-flash" width="950" height="500"></object>
</div>

在对象上添加背景

2 个答案: