CSS:頭部導航設置複雜背景圖片自適應顯示（與menu菜單貼合-自用）

場景：頭部導航是比較複雜的背景圖片，有時還需要和menu菜單位置貼合，同時需要自適應不同分辨率，實現結果如下：

1920

1366

2048

原始背景圖片如下：

代碼如下：

.hearder-panel {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 70px;
        line-height: 50px;
        background: url("./../../../../assets/bgtop.png") no-repeat center
          bottom;
        background-size: 1920px auto;
        z-index: 100;
}

主要是自用，有其他場景需要也歡迎共同探討