Html 横幅中的下拉菜单不工作_Html_Css_Banner_Dropdown

Html 横幅中的下拉菜单不工作

html css

Html 横幅中的下拉菜单不工作,html,css,banner,dropdown,Html,Css,Banner,Dropdown,所以基本上我看到了一个教程，想在学校作业中使用横幅上的下拉菜单以下是本教程的结果： html 结果: 它工作得非常好，但当我在我的横幅上使用它时，悬停选项就不起作用了，而且它的样式似乎消失了我把它放在这里： <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/css" href="holiday.css" /> </head> <body sty

所以基本上我看到了一个教程，想在学校作业中使用横幅上的下拉菜单

以下是本教程的结果：

html

结果:

它工作得非常好，但当我在我的横幅上使用它时，悬停选项就不起作用了，而且它的样式似乎消失了

我把它放在这里：

<!DOCTYPE HTML>

<html>
<head>
<link rel="stylesheet" type="text/css" href="holiday.css" />
</head>
<body style="background-color:#2B1B17; margin:auto; text-align: center">

<div class="container">
    <nav class="trash">
        <div class="trash" class="menu-item">
        <a href="#"><img src="icon.png"></a>
            <ul>
                <il><a href="#">Cool</a></il>
                <il><a href="#">Print</a></il>
                <il><a href="#">Other</a></il>
            </ul>
        </div>
    </nav>
            <img src="banner.png" ID="lol">
</div>
    <link rel="stylesheet" href="cssslider_files/csss_engine1/style.css">
         <div class='csslider1 autoplay '>
                    <input name="cs_anchor1" id='cs_slide1_0' type="radio" class='cs_anchor slide' >
                    <input name="cs_anchor1" id='cs_slide1_1' type="radio" class='cs_anchor slide' >
                    <input name="cs_anchor1" id='cs_slide1_2' type="radio" class='cs_anchor slide' >
                    <input name="cs_anchor1" id='cs_slide1_3' type="radio" class='cs_anchor slide' >
                    <input name="cs_anchor1" id='cs_play1' type="radio" class='cs_anchor' checked>
                    <input name="cs_anchor1" id='cs_pause1_0' type="radio" class='cs_anchor pause'>
                    <input name="cs_anchor1" id='cs_pause1_1' type="radio" class='cs_anchor pause'>
                    <input name="cs_anchor1" id='cs_pause1_2' type="radio" class='cs_anchor pause'>
                    <input name="cs_anchor1" id='cs_pause1_3' type="radio" class='cs_anchor pause'>
        <ul>
                <li class="cs_skeleton"><img src="cssslider_files/csss_images1/christmas2.png" style="width: 100%;"></li>
                <li class='num0 img slide'> <img src='cssslider_files/csss_images1/christmas2.png' alt='' title='' /></li>
                <li class='num1 img slide'> <img src='cssslider_files/csss_images1/easter.png' alt='' title='' /></li>
                <li class='num2 img slide'>  <a href="http://sgdb.nl/" target=""><img src='cssslider_files/csss_images1/thanksgiving.png' alt='' title='' /> </a> </li>
                <li class='num3 img slide'>  <a href="http://sgdb.nl/index.php/nieuws" target=""><img src='cssslider_files/csss_images1/halloween.png' alt='' title='' /> </a> </li>
        </ul><div class="cs_engine"><a href="http://cssslider.com">cssslider.com</a> by cssSlider.com v2.1</div>
        <div class='cs_description'>
            <label class='num0'></label>
            <label class='num1'></label>
            <label class='num2'></label>
            <label class='num3'></label>
        </div>

        <div class='cs_arrowprev'>
            <label class='num0' for='cs_slide1_0'><span><i></i><b></b></span></label>
            <label class='num1' for='cs_slide1_1'><span><i></i><b></b></span></label>
            <label class='num2' for='cs_slide1_2'><span><i></i><b></b></span></label>
            <label class='num3' for='cs_slide1_3'><span><i></i><b></b></span></label>
        </div>
        <div class='cs_arrownext'>
            <label class='num0' for='cs_slide1_0'><span><i></i><b></b></span></label>
            <label class='num1' for='cs_slide1_1'><span><i></i><b></b></span></label>
            <label class='num2' for='cs_slide1_2'><span><i></i><b></b></span></label>
            <label class='num3' for='cs_slide1_3'><span><i></i><b></b></span></label>
        </div>
        <div class='cs_bullets' class="special">
            <label class='num0' for='cs_slide1_0'> <span class='cs_point'></span>
                <span class='cs_thumb'><img src='cssslider_files/csss_tooltips1/christmas2.png' alt='' title='' /></span></label>
            <label class='num1' for='cs_slide1_1'> <span class='cs_point'></span>
                <span class='cs_thumb'><img src='cssslider_files/csss_tooltips1/easter.png' alt='' title='' /></span></label>
            <label class='num2' for='cs_slide1_2'> <span class='cs_point'></span>
                <span class='cs_thumb'><img src='cssslider_files/csss_tooltips1/thanksgiving.png' alt='' title='' /></span></label>
            <label class='num3' for='cs_slide1_3'> <span class='cs_point'></span>
                <span class='cs_thumb'><img src='cssslider_files/csss_tooltips1/halloween.png' alt='' title='' /></span></label>
        </div>
        </div>

        </body>
</html>

结果: 我真的，真的很困惑为什么它不起作用。。。希望有人知道该怎么做：）

我想

class=“menu item”

在这里失败了。在单类属性中编写这两个类，如下所示

<div class="trash menu-item">
    <a href="#"><img src="icon.png"></a>
        <ul>
            <il><a href="#">Cool</a></il>
            <il><a href="#">Print</a></il>
            <il><a href="#">Other</a></il>
        </ul>
    </div>

你为什么要给像

 <div class="trash" class="menu-item">

像这样使用它

 <div class="trash menu-item">

Welcome。。守门员伙伴：）

<div class="trash menu-item">
    <a href="#"><img src="icon.png"></a>
        <ul>
            <il><a href="#">Cool</a></il>
            <il><a href="#">Print</a></il>
            <il><a href="#">Other</a></il>
        </ul>
    </div>

 <div class="trash" class="menu-item">

 <div class="trash menu-item">