얼마 전 웹사이트 제작을 처음 접하는 친구가 자신이 만든 웹사이트를 보여주며 웹사이트 코드 문제를 해결해 달라고 부탁했습니다. 두 사이트 모두 동일한 생산 방식을 사용하고 있어 발생하는 문제도 똑같습니다. 어떤 방법으로 만들었는지 물었더니 PS 버전을 만든 후 슬라이싱을 해서 HTML이 자동으로 생성되다 보니 HTML에 구분자가 많이 생겼다고 하더군요. 먼저 웹사이트 www. 38sy.com, 그리고 구분 기호가 나타났습니다. 결국 인터넷에서 해결책을 찾아보았더니 슬라이싱 중 고르지 못한 슬라이싱이 발생했다는 소식을 듣고 www.suoying.net 웹사이트를 만들 때 엄격하게 픽셀 단위로 잘라냈습니다. 슬라이싱 요구 사항이 있지만 결과는 여전히 동일하며 여전히 많은 구분 기호가 있습니다.
사실, 솔직히 말해서 순수 테이블을 사용하여 웹사이트를 구축할 때도 같은 문제가 있었지만 나중에는 DIV+CSS를 사용하는 데 익숙해져서 이 문제를 제쳐두고 해결책을 연구하지 않았습니다.
친구가 이 질문을 했을 때 갑자기 생각나서 시간을 내어 조사해 본 결과 수상한 점을 발견하게 되었습니다. 상황은 대략 다음과 같습니다.
먼저 PS를 사용하여 몇 개의 임의의 그림을 그린 다음 몇 개의 획을 사용하여 HTML을 생성했습니다. 첫 번째 상황은 아래와 같습니다.
이 경우 구분 기호가 표시되지 않습니다.
두 번째로 몇 번 잘라낸 후의 상황은 다음과 같습니다.
여기에 문제가 있습니다. 구분 기호가 많이 있습니다.
그래서 한걸음 한걸음 뒤로 물러나 여기까지 왔더니 구분자가 사라졌습니다. (즉, 다음 3개의 필름이 모두 삭제됩니다.)
한 단계 앞으로 나아가면 구분 기호가 나타납니다.
마지막에서 3번째 영상이 하이라이트인 것 같습니다.
세심하게 분석해 보면 구분 기호가 나타날 수 있는 이유는 세 번째 절단 시 자동 슬라이싱에 의해 생성된 다섯 번째 슬라이스와 두 번째 슬라이스 사이의 구분선을 슬라이스가 덮었기 때문이라는 것을 어렵지 않게 발견할 수 있습니다. 이 말을 증명하기 위해 세 번째 칼을 오른쪽으로 한 단계 이동시켰더니 아래와 같이 구분 기호가 사라졌습니다.
지금까지 내 분석이 맞다면 구분 기호가 있는 이유는 수동 슬라이싱이 자동으로 생성된 슬라이싱 구분 기호를 덮기 때문이므로 해결 방법은 세 가지입니다.
1. 수동으로 슬라이싱할 때 자동으로 생성된 슬라이스의 구분선을 가리지 마십시오(조금 비현실적인 것 같습니다).
2. 자동 슬라이스 생성을 비활성화합니다(비활성화하는 방법을 찾을 수 없습니다...약간 약합니다...).
3. 슬라이싱이 필요 없는 웹페이지 생성 방식으로 변경합니다(가장 현실적이네요 ㅎㅎ).