个人中心
gpt4 book ai didi

html - 无法在 Firefox/IE 中将我的背景居中 - 无法在背景 HTML 上显示菜单

转载 作者：行者123 更新时间：2023-11-28 18:54:23 27 4
gpt4 key购买 nike

我需要帮助，我有问题，首先是我的免费图片没有在 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">&lt;&lt; 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">&lt;&lt; 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">&lt;&lt; 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/

27 4 0
文章推荐： python - BST 还是哈希表？
文章推荐： javascript - 如何使用 Angular.js 和 PHP 按字母顺序显示列表
文章推荐： javascript - OnClientClick 事件不会更改文本
文章推荐： javascript - 如果 Item 存在，则从对象中删除，然后再次推送
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com