style.head-bg { position: absolute; height: 1.9rem; width: 100%; overflow: hidden; z-index: -1; } .head-bg .bgImg{ position: absolute; content: ''; z-index: 1; height: 2.5rem; top: -.6rem; left: -75%; width: 250%; border-radius: 50%; overflow: hidden; }.head-bg .bgImg:after{ position: absolute; content: '';filter:blur(10px); //模糊 z-index: 1; height: 3.9rem; top: -1rem; left: 0; width: 100%; background: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1536115840&di=9fbd7bb1fd052bceb0b3c47833e4c084&imgtype=jpg&er=1&src=http%3A%2F%2Ffile25.mafengwo.net%2FM00%2F0A%2FAC%2FwKgB4lMC26CAWsKoAALb5778DWg60.rbook_comment.w1024.jpeg) no-repeat center; background-size:200%; }html