定义BODY背景图后，DIV的背景图片显示不全

来源：百度知道 编辑：UC知道 时间：2024/05/08 08:42:17
今天遇到的一个有趣的问题，当BODY有背景图片的时候，BODY里的DIV一旦也有背景图片，就显示不完全，被BODY的背景图片挡住了下面一部分...
IE下被挡住的部分比较小，火狐下被挡住部分很大...两者都十分明显。
当我把BODY的背景图片去除时，DIV的背景图则显示正常了...

参照以下代码
body{
.....
background-attachment:fixed;
background-image: url(../images/background.jpg);
background-repeat: repeat;
.....
}

#play{
width: 382px;
height:206px;
text-align:center;
line-height:206px;
vertical-align:middle;
background-image: url(../images/index1_12.jpg);
background-repeat: no-repeat;
}

问：如何解决？让BODY背景图片存在的情况下让DIV的背景图片显示完全～
回1楼，PLAY里只有以下代码<script src="js/jsplay.js" type="text/javascript" ></script>插入了一个播放器，难道是这个问题？
用了一下z-index:100;依然没有解决。

换成文字依然如此...

－－－－－－－－－－
啊，问题找到了...PLAY层高度写错了，306PX写成206PX，导致下面有100PX的空隙....

多谢1楼大哥耐心解答，送分了。

你把script那句删掉，换成文字看看什么样。
播放器是flash的吧，那得设置成透明的 应该在js里
你在play里再加下面的这个试试：
position:absolute;
z-index:100;

-----------------
按你的css试了下，IE FF都没有问题
你play层里有没有文字?

#play里加个z-index:100; 试试