Question

我编码了这个：

<!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <style>
            .menu-div {
                position: absolute;
                top:200px;
                width:100px;
                height:20px;
                background-color: #CBDA90;
                z-index:10000;
            }
            .menu-div:hover { // Menu div css style
                background-color: white;
            }
            .second-position-container {
                position:fixed;
                width:100%;
                height:2400px;
            }
            .position-container {
                width:1333px;
                height:800px;
                position: relative;
                margin-left :auto;
                margin-right: auto;
            }
            .container {
                position: relative;
                margin-left: auto;
                margin-right: auto;
                width:1333px;
                height:800px;
            }
            .side-panel {  
                position: absolute;
                top:120px;
                width: 240px;
                height:300px;
                margin-top: 5px;
                border:4px solid #6C7532;
            }
        
            </style>
        </head>
        <body>
            <div class="header"></div>
            <div class="menu-div"></div>
            <div class="second-position-container">
                <div class="position-container">
                    <div class="side-panel">
                    </div>
                </div>
            </div>
            <div class="container" id="container-search">
            </div>
            <div id="container-sim" class="container">
                <div class="tools">
                </div>
                <div id="image-block" >
                </div>
            </div>
            <div class="container" id="container-forum"></div>
        </body>
    </html>

我的.menu-div:hover样式如果附加到侧面板div上则不起作用。我试图制作，就像一个菜单，当你将鼠标悬停在同一个菜单上时，它会改变背景颜色。 / p>

但是，如果我将它附加到身体上就可以了。

Answer 1

你的评论中有一个问题//菜单div CSS样式。在CSS中使用/ * * /注释掉不是// ..尝试学习如何在CSS中注释。

我在特定情况下的css样式背景颜色不起作用

1 个答案: