HTML 표의 배경 이미지가 대부분의 브라우저에 표시되지 않습니다.

Question

www.patbanks.com의 페이지에는 배경에 대한 예쁜 이미지가 있어야합니다. Safari에는 표시되지만 Chrome이나 Firefox에는 표시되지 않습니다. (IE는 사용하지 않았습니다.)

이것은 Google 사이트이므로 CSS를 사용할 수 없습니다. 끔찍한 테이블 기반 코드를 용서해주십시오. 또한 BODY 태그에 배경을 넣을 수 없습니다. 따라서 이미지는 TABLE 태그에 있습니다. 이것은 배경 이미지를 얻는 유일한 방법입니다.

(내가 조사한 답변은 CSS를 올바르게 사용할 수있는 미묘한 상황이나 잘못된 URL에 관한 것입니다. 이미 기괴한 업로드 URL에서 이미지 자체에 액세스 할 수 있음을 확인했습니다.) TABLE 태그 또는 Google이 삽입 한 래퍼가 나를 막으려 고하고 있습니다. 단, 사파리 만 보더라도 페이지는 정상적으로 작동합니다 ...)

Answer 1

이미지의 위치를 ​​변경하여이 문제를 해결했습니다.

사이트의 실제 URL은 https://sites.google.com/a/ {user/internal site name}/home입니다. 게시 된 (매핑 된) URL은 http://www.patbanks.com입니다.

원래 첨부 파일 메뉴에 업로드하고 해당 이미지 URL을 사용했습니다. 이는 일부 업로드 서버를 가리 킵니다 (URL의 터미널 하위 도메인은 내 Google 사이트 도구 사이트 이름과 유사 함). 해당 URL은 일부 브라우저에서 작동하지 않습니다. 그것은 무시됩니다. 나는 왜 그런지 잘 모르지만 그것은 분명히 뭔가 "오프 사이트"를 참조하고있는 경우입니다. 브라우저에서 XSS 방지 기능을 사용하고있을 수도 있습니다 (어쨌든 다른 브라우저에서는 작동하지 않기 때문에).

해결 방법은 페이지를 편집하고 이미지 업로드 명령을 사용하는 것입니다. 이렇게하면 첨부 파일과는 다른 URL로 이미지가 생성됩니다. (그런 다음 HTML 편집기를 사용하여 원하지 않는 IMG 태그를 제거하고 URL을 TABLE background 속성에 복사했습니다.)

이제 모든 브라우저에서 페이지가 배경과 함께 표시됩니다.

Google 사이트에서 DIV 또는 BODY 요소에 CSS 스타일을 사용한다고 생각했던 "전체 페이지 배경"명령이 사용되었습니다. 그것이 Google 사이트 도구로 옮기기 전에 페이지를 작성한 방법이지만 Google은이 기능을 제거했습니다. 아직 해당 기능을 언급하는 많은 설명서 및 타사 도움말 페이지가 있습니다. 그건 더 이상 일하는 사람이 아니야. Google 사이트 도구는 일반적으로 CSS를 지원하지 않으므로 CMS와 상호 작용합니다. 그것은 귀하의 페이지에 입력 한 HTML을 자동으로 다시 쓰거나 수정합니다.

언젠가 나는 잘못되어 가고있는 것을 정확히 이해할 것입니다.하지만 여기서 설명한 해결 방법은 사람들에게 유용 할 것입니다.