데스크톱 용 스타일 시트와 핸드 헬드 용 스타일 시트가 있습니다. 웹 페이지는 바탕 화면에 표시 될 때 일부 이미지를 표시하지만 핸드 헬드에 표시 될 때 이미지를 숨 깁니다. 이 페이지는 데스크탑 및 핸드 헬드 모두에 맞게 설계되었습니다.핸드 헬드 용 스타일 시트는 이미지로드를 건너 뛸 수 있습니까?
서버 로그를 확인할 때 핸드 헬드가 실제로 이미지를로드하고 있지만 표시하지 않는 것입니다. 핸드 헬드가 이미지를 완전히로드하는 것을 막을 수있는 방법이 있습니까? 필요하지 않기 때문에 두 세트의 웹 페이지를 유지할 필요가 없습니다. 스타일 시트를 사용하여 끝낼 수 있습니까?
미리 감사드립니다.
레이 사교계는
는 배경 이미지로 모바일 장치에 표시하지 않으려는 이미지를 포함합니다. 핸드 헬드 스타일 시트에 그냥 배경 이미지를 설정하지 않기 때문에, 정확한 용도에 따라, 당신은
.element {
display: none;
}
또는
를 사용할 수 있지만 브라우저 스타일 시트에서 당신은 다음.element {
background: #FFF url('image.png') no-repeat left top; /* or whatever */
}
을 사용할 수 있습니다
.element {
background: #FFF;
}
그러나 이후 단지 display: none 등 CSS 규칙 (을 통해 당신이 <img src="" />에 포함 이미지를 제거 할 수 없습니다,하지만 일 않을 것 당신이 알아 차 렸던 것처럼, 로딩에서 그들을 제외하고). 오페라 - - 이미지를로드 할 수 없습니다
Link: <compact.css>; rel="stylesheet"; media="handheld"
는 전에 마크 업을 HTTP 헤더 당 스타일 시트를 보냅니다. 그러나 WebKit (Safari)는 여전히 숨겨진 요소에 대한 배경 이미지를 제공합니다!
감사합니다. img 태그를 사용하여 이미지를 사용하고있었습니다. –