HTML ヘッダーを固定したいが、重なってしまう

問題の発生

ヘッダーを固定しようと思い、ヘッダー部分に以下を入力したが、重なってしまう・・・

position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10000;

解決策

ヘッダー部分に背景色を追加したら重ならなくなりました(background-color: white;を追加)

position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10000;
background-color: white;

感想

ヘッダー部分が透過しており、重なっているように見えてしまっていました。
単純な問題でした。

初学者の参考になれば幸いです