Php 在层次结构中首先显示Div_Php_Html_Css

Php 在层次结构中首先显示Div

php html css

Php 在层次结构中首先显示Div,php,html,css,Php,Html,Css,我的菜单和滑块包含在index.php中，菜单位于滑块的“下方”。我希望滑块位于菜单下。怎么做显示菜单按钮的代码（数据保存在MySQL中）要使此工作转到您的文件：http://psptorchinim.cba.pl/modules/Menu/down.css Line Number : 17 #down ul li { z-index: 9999; // add this to your existing code. } 我希望它能有所帮助……这张图片很好地说明了这个问题，但我们

我的菜单和滑块包含在index.php中，菜单位于滑块的“下方”。我希望滑块位于菜单下。怎么做

显示菜单按钮的代码（数据保存在MySQL中）

要使此工作转到您的文件：

http://psptorchinim.cba.pl/modules/Menu/down.css

Line Number : 17

#down ul li {
    z-index: 9999; // add this to your existing code.
}

我希望它能有所帮助……

这张图片很好地说明了这个问题，但我们看不出您是如何编码的。那么我们如何才能纠正这个问题呢？我在新的评论中添加了代码抱歉再次打扰你，但是你能把这个代码放在你的问题中而不是答案中吗？对不起，我不能这样做

        <head>
        <style>
            @keyframes sliding{

                0%{
                    right: 0%;
                }
                10%{
                    right: 0%;
                }



                90%{
                    right: 400%;
                }
                100%{
                    right: 0%;
                }
            }

            #Slider{
                border-radius: 10px;
                height:389px;
                max-width: auto;
                overflow:hidden;
            }

            #Slider #SliderImages{
                width: 1000%;
                height:389px;
                position: relative;
                -webkit-animation-name: sliding;
                -webkit-animation-duration: 20s;
                -webkit-animation-iteration-count: infinite;
            }

            #Slider #SliderImages #Container{
                height:389px;
                width: 10%;
                float: left;
                position: relative;
            }

            #Slider #SliderImages #Container img{
                height:389px;
                width: 100%;
            }

            #Slider #SliderImages #Container #SliderText{
                opacity: 0.4;
                min-height:100px;
                margin-left:60%;
                margin-right: 10%;
            }

            #Slider #SliderImages #Container #SliderText p{
                opacity:1;
            }

            #Slider #SliderImages #Container #SliderText:Hover{
                opacity:1;
            }
        </style>
    </head>
    <body>
        <div id = "Slider">
            <div id = "SliderImages">
                <div id= "Container">
                    <img src = "modules/Slider/1.png" >
                </div>
                <div id= "Container">
                    <img src = "modules/Slider/2.png" >
                </div>
                <div id= "Container">
                    <img src = "modules/Slider/3.png" >
                </div>
                <div id= "Container">
                    <img src = "modules/Slider/4.png" >
                </div>
                <div id= "Container">
                    <img src = "modules/Slider/5.png" >
                </div>
            </div>
        </div>
    </body>

    body{
        background-color: #06213F;
        margin-left:100px;
        margin-right:100px;
        font-family: Georgia, "Times New Roman", Times, serif;
        color:black;
        display: block;
    }

    #header{
        display:block;
    }

    #header #up{
        float:center;
    }

    #header #headers{
        display: flex;
    }

    #header #headers #h_left{
        flex: 0.2;
    }

    #header #headers #h_center{
        flex: 0.6;
    }

    #header #headers #h_right{
        flex: 0.2;
    }

    #header #down{
        float:center;
        height:auto;
        background-color: #06213F;
    }

    #center{
        display: flex;
        min-height: 300px;
    }

    #center #c_left{
        flex: 0.20;
        background-color: white;
        border: none;
        border-radius: 10px;
        margin-right: 5px;
    }

    #center #content{
        flex: 0.6;
        background-color: white;
        border: none;
        border-radius: 10px;
    }

    #center #content #text h3{
        margin-left: 10px;
        margin-right: 10px;
    }

    #center #content #text p{
        margin-left: 10px;
        margin-right: 10px;
    }

    #center #content #text button{
        margin-left: 10px;
        margin-right: 10px;
    }

    #center #c_right{
        flex: 0.20;
        background-color: white;
        border: none;
        border-radius: 10px;
        margin-left: 5px;
    }

    #footer{
        display: flex;
    }

    #footer #f_left{
        flex: 0.2;
    }

    #footer #f_center{
        flex: 0.6;
    }

    #footer #f_right{
        flex: 0.2;
    }

    enter code here

Line Number : 17

#down ul li {
    z-index: 9999; // add this to your existing code.
}