要設置背景不覆蓋其他樣式，可以使用CSS的屬性background-clip和background-origin來控制背景的顯示范圍。
background-clip屬性：指定背景的繪制區域。默認值是border-box，背景將繪制到邊框的外邊緣。
可以設置為padding-box，背景將繪制到內邊距的外邊緣。
還可以設置為content-box，背景將繪制到內容區域的外邊緣。
background-origin屬性：指定背景的起點。默認值是padding-box，背景的起點從內邊距的左上角開始。
可以設置為border-box，背景的起點從邊框的左上角開始。
還可以設置為content-box，背景的起點從內容區域的左上角開始。
通過設置這兩個屬性的值，可以控制背景的顯示范圍，從而不會覆蓋其他樣式。
例如，假設有一個帶有背景顏色和邊框的元素，要設置背景不覆蓋其他樣式，可以使用以下CSS代碼：
.element {
background-color: red;
border: 1px solid black;
background-clip: padding-box; /* 背景繪制在內邊距的外邊緣 */
background-origin: border-box; /* 背景起點從邊框的左上角開始 */
}
這樣設置后，背景將只繪制在內邊距區域內，且起點從邊框的左上角開始，不會覆蓋邊框和其他內容。
