표시할 사진이 많은 프로젝트를 진행 중인데 추후 유지 관리의 편의를 위해 사진을 업로드하고 절대 경로를 사용하여 표시할 예정이므로 나중에 사진이 업데이트되거나 추가될 수 있습니다. , , 프로젝트를 변경할 필요가 없습니다. 그냥 사진 관리 장소로 가서 작업하면 됩니다.
하지만! 이제 로컬에서 테스트할 때 CSS로 작성합니다.
Background: url(D:devuploadfile test picture 1.png) no-repeat;
결과는 오류입니다. 로컬 리소스를 로드할 수 없습니다: file:///D:/ dev/ uploadfile/%E5%82%A8%E5%80%BC%E5%8D%A1%E6%8D%A2%E5%8D%A1%E6%B5%81%E7%A8%8B.png
대략 말하기 절대 경로는 사용할 수 없습니다. 하지만 사용할 수 있어야 한다고 생각하는데 왜 내 경로 앞에 file:///을 추가합니까? 이것이 내 사진에 액세스할 수 없는 이유입니까?
추가로, 슬래시와 백슬래시를 변경해 봤기 때문에 문제가 되지 않을 것입니다.
그리고 절대 경로를 사용해야 하는데, 상대 경로를 사용하려면 모든 그림을 프로젝트에 넣어야 하기 때문에 유지 관리가 매우 번거로울 수 있습니다. 따라서 상대 경로를 사용하는 친구들에게 알려주실 수 있나요? 사후관리 솔루션, 당신도 올릴 수 있어요