Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Menu bị mất khi hover chuột

Chủ đề thuộc danh mục 'HTML - CSS - JS - PHP - ASP' được đăng bởi thanhluantk, 7/4/17.

Lượt xem: 5,751

  1. thanhluantk Mới đăng kí

    Mình có tạo một menu đa cấp khi hover vào thẻ li cấp 1 thì nó hiện ra menu cấp 2 nhưng khi hover vào thẻ li trong menu cấp 2 thì tự nhiên biến mất, mình không hiểu lỗi gì.

    Đây là đoạng css của mình.

    Code:
    ul.sp-megamenu-parent {}
    .sp-megamenu-parent li {
       position: relative !important;
       line-height: 1.3em;vertical-align: middle;
      }
    .sp-megamenu-parent li .sub-menu{
        display:none !important;
        margin-top:20px;
        padding-left:20px;
        cursor: default;
        background: #fff !important;
        position:absolute !important;
        box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2) !important;
        width:250px !important;
      }
    .sp-megamenu-parent li:hover>.sub-menu{
        display:block !important;
        
      }
     ul.sp-megamenu-parent ul {
     z-index: 598;
     width: 100%;
     }
    .sp-megamenu-parent .sub-menu>li{
        line-height: 2.5em;
        border-bottom: 1px solid #E91E63;
        text-align: left;
        
    }
    .sp-megamenu-parent .sub-menu>li:hover {
        background:#ea1957;}
    .sp-megamenu-parent .sub-menu>li>a {
        text-decoration:none;
        }
    .sp-megamenu-parent .sub-menu>li>a:hover{
        color:#fff !important;
        text-decoration:none;
    }

    ...
  2. blue_rose

    blue_rose Mới đăng kí

    Theo minh thi ban đang thiếu
    .sp-megamenu-parent li .sub-menu{
    top:0;
    margin-top:0
    }

    ban co the de la padding-top:20px, nhung ko nen de margin-top:20px nhe
    Thu sua lai xem sao ban :)
Từ khóa:

Ủng hộ diễn đàn