html - ナビゲーション リンクの背景画像

Question

ナビゲーション リンクの背後に背景画像を表示しようとしていますが、完全には表示されません。これは次のコードです。

#aboutlink{
   background-image: url(sidebar.png); 
   background-repeat: no-repeat;
   background-position: left;
   background-color: transparent; 
   display: block; 
   margin-bottom: 160px;
   text-align: left;
}

Answer 1

ナビゲーション リンクの幅と高さを設定します。そうしないと、画像が途切れて完全に表示されなくなります

Answer 2

背景画像のサイズに合わせて幅と高さを設定します。画像が「切り取られている」理由は、幅と高さが必要な大きさになるように自動的に計算されるため、背景画像が考慮されていないためです。