백그라운드 크기 (CSS3 속성)로 지정된 상대 값 대신 ABSOLUTE backgroundSize 가져 오기

요소의 배경 이미지의 ABSOLUTE backgroundSize를 찾는 방법이 있습니까?백그라운드 크기 (CSS3 속성)로 지정된 상대 값 대신 ABSOLUTE backgroundSize 가져 오기

CSS3 속성은 그러나 나는 절대 값을 찾으려면 자동/비율 등의 측면에서 값을 반환 할 수 있습니다 (예를 들어 200 픽셀, 100 픽셀)

나는 우리가 사용하는 배경 이미지를로드 할 수있는 하나의 방법을 알고있다 숨겨진 img 요소에 load() 함수를 추가 한 다음 브라우저 함수 또는 jquery를 사용하여 높이와 너비를 찾습니다. ...

그러나 이미지를 다시로드 할 때 속도가 느려집니다. 이미 크기를 찾는 방법이 있습니까? 렌더링 된 배경 이미지 요소

2012-01-27 hjindal

* "이미지를 다시로드 할 때 속도가 느려집니다."* 아니요, 이미지를로드 한 후에 다시로드하면 안됩니다. 그래서 js 솔루션은 괜찮습니다. – fcalderan

@Calderan : 귀하의 진술은 브라우저 캐싱에 의존합니까? 그렇다면 그것은 항상 사실이 아닙니다 ... 나는 IE에서 이것을 시도하고 브라우저가 서버를 여러 번 호출한다고 확인했습니다 (항상은 아니지만 ...). 그래서 저는 신뢰할 수 있고 중요한 성능에 영향을 미치지 않는 것을 찾고있었습니다. .. – hjindal

CSS3 background-size 속성의 값은 t 그는 스타일 속성의 값 (이미지가 어떻게 표시되어야하는지)을 나타내며 background-image URL로 참조되는 실제 이미지의 크기에 대해서는 아무 것도 말하지 않습니다. 확실하게 알고 싶으면 이미지를로드해야합니다 (잘하면 브라우저 캐시에서 나오지만 확실하지는 않음). 배경 이미지 자체는 문서 DOM의 일부가 아닙니다.

출처

2012-04-23 01:16:53

예 이미지를로드하고 크기를 찾는 것은 내가 질문에서 언급 한 최후의 수단입니다 ... 저는 더 좋은 옵션을 놓친 것이 아니라고 궁금합니다 ... – hjindal

@hjindal 나는 이해합니다. 나는 당신이 더 나은 선택을 놓치지 않았다는 것을 당신에게 확신시키기 위해 노력하고있었습니다. –

백그라운드 크기 (CSS3 속성)로 지정된 상대 값 대신 ABSOLUTE backgroundSize 가져 오기

답변

관련 문제