亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Div 沒有出現,沒有錯誤彈出

Div 沒有出現,沒有錯誤彈出

慕碼人8056858 2021-12-02 19:38:22
我正在嘗試設置菜單,但切換菜單的 div 沒有顯示我正在嘗試遵循一個教程,其中一個人設置了一個菜單,并且他在左上角有一個帶有菜單圖標的 div。我已經在 html 和 css 中完美地逐字逐句地遵循了代碼,但我的屏幕上卻什么也沒有出現。我確實在他所做的完全相同的文件夾中有完全相同的圖像。鏈接到 YT HTML 和 鏈接到 YT CSS.btn-toggle-nav {  width: 60px;  height: 100%;  background-color: #F98F39;  background-image: url("img/menu.png");  background-repeat: no-repeat;  background-size: 40%;  background-position: center;  cursor: pointer;}.btn-toggle-nav:hover {  opacity: 0.5;}<nav class="nav-main"> <div class="btn-toggle-nav"></div> <ul>  <li><a href="#">Home</a></li>  <li><a href="#">Project</a></li>  <li><a href="#">Biography</a></li>  <li><a href="#">Gallery</a></li>  <li><a href="#">Contact</a></li> </ul></nav>預期的結果應該就像他在視頻中那樣。 鏈接到那個
查看完整描述

1 回答

?
慕蓋茨4494581

TA貢獻1850條經驗 獲得超11個贊

嘗試這個。以像素為單位添加高度。


  .btn-toggle-nav {

            width: 60px;

            height: 46px;

            background-color: #F98F39;

            background-image: url(img/menu.png);

            background-repeat: no-repeat;

            background-size: 40%;

            background-position: center;

            cursor: pointer;

            display: inline-block;

        }

        

        ul {

            display: inline-block;

        }

        

        .btn-toggle-nav:hover {

            opacity: 0.5;

        }

 <nav class="nav-main">

    <div class="btn-toggle-nav"></div>

    <ul>

        <li><a href="#">Home</a></li>

        <li><a href="#">Project</a></li>

        <li><a href="#">Biography</a></li>

        <li><a href="#">Gallery</a></li>

        <li><a href="#">Contact</a></li>

    </ul>

</nav>


查看完整回答
反對 回復 2021-12-02
  • 1 回答
  • 0 關注
  • 210 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號