我需要帮助，我有问题确定首先是我的免费图像不显示在Firefox或IE中，但在铬它工作正常和SECOND我啊ave amenu我不能让它显示我的背景图片的ontop：下面我已粘贴我的Html代码和我的CSS请帮助我看看我真的很感激....
<html>
<head>
<title>Just something</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="css/css.css" type="text/css" media="screen"/>
<!-- Start css3menu.com HEAD section -->
<link rel="stylesheet" href="bcg_files/css3menu1/style.css" type="text/css" />
<!-- End css3menu.com HEAD section -->
</head>
<body align="center" bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="wrapper" >
<div id="menu" class="menu" style="z-index:900;">
<ul id="css3menu1" class="topmenu">
<li class="topfirst">
<a href="#" title="Home" style="height:15px;line-height:15px;">Home</a>
</li>
<li class="topmenu">
<a href="#" title="Product Information" style="height:15px;line-height:15px;">
<span>Product Information</span>
</a>
<ul>
<li class="subfirst"><a href="#" title="MAXOFIX">MAXOFIX</a></li>
<li><a href="#" title="Splicing">Splicing</a></li>
<li><a href="#" title="Sidewalls">Sidewalls</a></li>
<li><a href="#" title="Cleats">Cleats</a></li>
<li><a href="#" title="Basebelts">Basebelts</a></li>
<li><a href="#" title="Accessories">Accessories</a></li>
</ul>
</li>
<li class="topmenu">
<a href="#" title="Downloads" style="height:15px;line-height:15px;">
<span>Downloads</span>
</a>
<ul>
<li class="subfirst"><a href="#" title="Catalogues">Catalogues</a></li>
<li><a href="#" title="Mobile App.">Mobile App.</a></li>
<li><a href="#" title="Enquiries">Enquiries</a></li>
</ul>
</li>
<li class="toplast"><a href="#" title="Contacts" style="height:15px;line-height:15px;">Contacts</a></li>
</ul>
</div>
<!--This where the menu will start -->
<!--img src="ok heres my img" style="z-index:3;" align="middle" width="864" height="1152" alt=""-->
<!-- The following Div's are for te boxes at the bottom of the page
you can edit the text in the paragraph just as you want for the
the ease of editing........lol -->
<!-- box left-->
<div id="cc_content1" class="cc_content1">
<!--span id="cc_back" class="cc_back"><< Go back</span-->
<div class="cc_content_1">
<h1>Advantages:</h1>
<p>
Space-saving Inclines of up to <br />
90(and then that small 0) possible.<br />
Belts are easy on material<br />
transported.<br />
Direction of feed and dis-<br />
charge can be different.
<br /><br />
<a href="http://www.facebook.com" title="To what ever page it is that you want">More...</a>
</p>
</div>
</div>
<!--This ends box to the far left -->
<!-- box mid-->
<div id="cc_content" class="cc_content">
<!--span id="cc_back" class="cc_back"><< Go back</span-->
<div class="cc_content_1">
<h1>Products:</h1>
<p>
Space-saving Inclines of up to <br />
90(and then that small 0) possible.<br />
Belts are easy on material<br />
transported.<br />
Direction of feed and dis-<br />
charge can be different.
<br /><br />
<a href="http://www.facebook.com" title="To what ever page it is that you want">More...</a>
</p>
</div>
</div>
<!--This ends box in the midd -->
<!-- box right-->
<div id="cc_content2" class="cc_content2">
<!--span id="cc_back" class="cc_back"><< Go back</span-->
<div class="cc_content_1">
<h1>News:</h1>
<p> Space-saving Inclines of up to <br />
90(and then that small 0) possible.<br />
Belts are easy on material<br />
transported.<br />
Direction of feed and dis-<br />
charge can be different.
<br /><br />
<a href="http://www.facebook.com" title="To what ever page it is that you want">More...</a>
</p>
</div>
</div>
<!--This ends box far right -->
</div>
</body>
</html>
HERE IS MY CSS
/* this is for the main page */
/*this is for the menu*/
.menu
{
align:center;
left:567px;
}
/*This is for the boxes at the bottom of the pag*/
.cc_content
{
width:233px;
height:236px;
/*border-bottom:1px solid #000;*/
position:absolute;
left:567px;
overflow:hidden;
/*-moz-box-shadow:4px 0 7px #000;
-webkit-box-shadow:4px 0 7px #000;
box-shadow:4px 0 7px #000;*/
top:876px;
}
.cc_content1
{
width:233px;
height:236px;
/*border-bottom:1px solid #000;*/
position:absolute;
left:328px;
overflow:hidden;
/*-moz-box-shadow:4px 0 7px #000;
-webkit-box-shadow:4px 0 7px #000;
box-shadow:4px 0 7px #000;*/
top: 876px;
}
.cc_content2
{
width:233px;
height:236px;
/*border-bottom:1px solid #000;*/
position:absolute;
left:806px;
overflow:hidden;
/*-moz-box-shadow:4px 0 7px #000;
-webkit-box-shadow:4px 0 7px #000;
box-shadow:4px 0 7px #000;*/
top: 876px;
}
/*This is for the content of the boxes exept the Header*/
.cc_content p
{
background:none;
text-align:left;
padding-left:15px;
}
.cc_content1 p
{
background:none;
text-align:left;
padding-left:15px;
}
.cc_content2 p
{
background:none;
text-align:left;
padding-left:15px;
}
/*This is for the Header of the boxes*/
.cc_content h1
{
text-align:left;
padding-left:15px;
}
.cc_content1 h1
{
text-align:left;
padding-left:15px;
}
.cc_content2 h1
{
text-align:left;
padding-left:15px;
}
I HAVE A CUSTOM CSS3 MENU BUT I DONT THINK THAT IS THE PROBLEM..
答案 0 :(得分：1)
position: relative或absolute，否则忽略z-index，确保它是其中之一，否则z-index是无意义的