스타일링 배경 이미지 URL

패널에이 이미지를 추가했습니다. 동적으로 서버의 json 값과 컨트롤러의 이미지 src를 설정합니다.스타일링 배경 이미지 URL

src = localStorage.httpServerPrefix + profile.imageURI; // 이미지 URL을 얻는다 Ext.getCmp ("profilePicture"). setSrc (src.);

내가 같이 얻을 브라우저 에서 볼

<div class="x-img" id="profilePhoto" style="margin-top: 10px; height: 104px !important; width: 84px !important; background-image: url(http://127.0.0.1:8080/Milna/user/mphoto/1?version=7); "></div>

높이와 사업부의 폭은 104px 및 84px로 설정됩니다. 내 이미지의 픽셀은 위의 div에 맞지 않도록 1600 × 1200이므로 배경 이미지 URL을 스타일화할 수 있습니까 ??? URL에서 오는 이미지의 스타일을 지정하려면 어떻게해야합니까?

출처

2012-10-19 Sri

Refactored scope에서보십시오. 이 기사에서는 스타일 기능에 대해 설명했습니다.

당신이 스타일을 꾸미면 일관성이 높아질 것이며 더 중요한 것은 며칠이 아닌 몇 분 안에 전체 모바일 앱을 다시 스타일을 만들 때 훨씬 좋아질 것입니다.

스타일 : 'background : resources/images/profile.png; 너비 : 45 % ',

출처

2012-10-19 11:50:20

와우 매우 유용했고 감사합니다. vivek – Sri

안녕하세요. @vaish 제 대답이 유용하다고 생각하시면 받아주세요. –

사용 CSS3 -

div{ background-size: cover; }

당신이 당신의 웹 응용 프로그램에서 큰 이미지를 사용하는 것처럼. 당신은 Adaptive Images

출처

2012-10-19 11:37:38 Dipak

Dipaks는 배경 크기의 특성을 사용합니다. 그리고 나서 "배경 위치"속성을 사용하여 배경 이미지를 올바르게 배치 할 수 있습니다. – Mak

고맙습니다, 고쳐 봤지만 이미지의 절반이 높이 104와 너비 84로 표시됩니다. 높이와 너비를 50 픽셀과 50 픽셀로 줄이면 전체 이미지를 얻을 수 있지만 다소 더 커지고 전체 이미지를 원합니다. 내가 무엇을 할 수 있을지 ?? – Sri

스타일링 배경 이미지 URL

답변

관련 문제