다른 이미지 내부에 맞도록 배경 이미지를 설정하는 방법이 있습니까? 이 예제는 모든 설명 : 이것은 당신의 PNG 가정을 투명한 섹션이해야CSS : 다른 이미지 (또는 캔버스) 내부의 배경 이미지
답변
. 이미지를 올바른 크기로 만들 수있는 경우 첫 번째 옵션이 작동합니다. 두 번째 옵션은 왼쪽으로 정렬하고 두 번째로 오른쪽으로 정렬되도록합니다. 요구 사항에 따라 두 번째 이미지에 여백을 추가하고 올바른 크기로 조정해야 할 수도 있습니다.
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
하지만 두 번째는 다른 하나의 안쪽에 있습니까? – MultiformeIngegno
수정 된 예 - 이미지에 투명 섹션이 있어야합니다. 삽입 된 이미지의 이미지 크기를 제어 할 수없는 경우 FUN 디버깅이있을 수 있습니다! – Mike
Uhm .. https://jsfiddle.net/cypgLf0b/ – MultiformeIngegno
- 1. HTML5 캔버스 배경 이미지
- 2. 캔버스 사각형 배경 이미지
- 3. CSS 배경 이미지 스트레치 배경 이미지 속성
- 4. CSS- 다중 배경 이미지
- 5. CSS 배경 이미지 오류?
- 6. tile 배경 이미지 css
- 7. CSS 내부의 SVG, 이미지 축소
- 8. 완벽한 CSS 배경 이미지
- 9. CSS : 배경 - 이미지
- 10. CSS 배경 이미지 문제
- 11. 무작위 CSS 배경 이미지
- 12. HTML5 캔버스 배경 이미지 반복
- 13. wpf 캔버스 배경 이미지 동적으로
- 14. 캔버스 드로잉 돔 배경 이미지
- 15. CSS 최적화 : 스프라이트 또는 반복되는 배경 이미지?
- 16. GWT CSS 배경 이미지
- 17. CSS 배경 이미지 회전
- 18. CSS 이미지 배경 위치
- 19. CSS 배경 이미지 문제
- 20. CSS 배경 이미지 배치
- 21. 인쇄 CSS 배경 이미지
- 22. CSS 이미지/배경 배율
- 23. 재설정 CSS 배경 이미지
- 24. 배경 이미지 변경 CSS
- 25. CSS - 배경 이미지 스트레치
- 26. CSS 이미지 배경 위치
- 27. CSS 배경 이미지 위치
- 28. CSS 배경 이미지 이동
- 29. 까다로운 CSS/이미지 배경
- 30. 지킬 CSS 배경 이미지
여러 수 있습니다 동일한 요소에 배경 이미지 규칙이 있으므로 예. – Kaiido
** 아니요, 그 이미지는 적절하게 설명하지 못합니다! ** 이미지는 연설 거품에 거의 맞지 않습니다. 정확한 크기가 아니라면 크기를 조정해야합니다. 크기가 조정되면 거의 항상 오버플로 또는 언더 플로우가 발생합니다. 오버플로 또는 언더 플로우로 수행 할 작업은 무엇입니까? – markE