2016-06-11 3 views
-1

다른 이미지 내부에 맞도록 배경 이미지를 설정하는 방법이 있습니까? 이 예제는 모든 설명 : 이것은 당신의 PNG 가정을 투명한 섹션이해야CSS : 다른 이미지 (또는 캔버스) 내부의 배경 이미지

enter image description here

+0

여러 수 있습니다 동일한 요소에 배경 이미지 규칙이 있으므로 예. – Kaiido

+0

** 아니요, 그 이미지는 적절하게 설명하지 못합니다! ** 이미지는 연설 거품에 거의 맞지 않습니다. 정확한 크기가 아니라면 크기를 조정해야합니다. 크기가 조정되면 거의 항상 오버플로 또는 언더 플로우가 발생합니다. 오버플로 또는 언더 플로우로 수행 할 작업은 무엇입니까? – markE

답변

0

. 이미지를 올바른 크기로 만들 수있는 경우 첫 번째 옵션이 작동합니다. 두 번째 옵션은 왼쪽으로 정렬하고 두 번째로 오른쪽으로 정렬되도록합니다. 요구 사항에 따라 두 번째 이미지에 여백을 추가하고 올바른 크기로 조정해야 할 수도 있습니다.

comment {background-image: url("bubble.png"), url("people.png");} 

이상의 제어 삽입 된 이미지에 대한 오프셋 및 픽셀 크기가 지금

comment { 
     background-image: url("bubble.png") left top no-repeat, url("people.png") right top no-repeat; 
    } 

그리고 대한

: 자세한 내용은

comment { 
     background-image: url("bubble.png") left top no-repeat, url("people.png") left 30px top 20px/300px 200px no-repeat ; 
    } 

볼을 css3.com

+0

하지만 두 번째는 다른 하나의 안쪽에 있습니까? – MultiformeIngegno

+0

수정 된 예 - 이미지에 투명 섹션이 있어야합니다. 삽입 된 이미지의 이미지 크기를 제어 할 수없는 경우 FUN 디버깅이있을 수 있습니다! – Mike

+0

Uhm .. https://jsfiddle.net/cypgLf0b/ – MultiformeIngegno