我需要帮助，我有问题，首先是我的免费图片没有在 Firefox 或 IE 中显示居中，但在 Chrome 中它工作正常，其次我有 amenu，我无法让它显示在我的背景图片之上:下面我已经粘贴了我的 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..
最佳答案
除非 div 是 position: relative 或 absolute，否则 z-index 将被忽略，确保它是其中之一，否则 z-index 毫无意义
关于html - 无法在 Firefox/IE 中将我的背景居中 - 无法在背景 HTML 上显示菜单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8394570/