절대 요소에서 배경 이미지가 반복되지 않음
0xtimur
배경 이미지 (지형)가 반복되지 않습니다. 그것은 "테라 관리 기술"(그림 참조) 위에 멈 춥니 다. 바닥 글 바로 위에있는 요소 인 전체 요소 (아코디언)를 덮고 싶습니다.
HTML
<div class="accordion">
<span class"topography"><img src="/img/bg/topo.svg"/></span>
.....
</div>
CSS
.accordion {
position: relative;
}
.topography {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
background-repeat: repeat;
}
.topography img{
height: 100%;
background-repeat: repeat;
}
요하네스
그러면 이미지를 img 태그가 아닌 배경 이미지로 사용해야합니다.
<div class="accordion">
<span class"topography"></span>
.....
</div>
CSS
.accordion {
position: relative;
}
.topography {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
background-image: url("/img/bg/topo.svg");
background-repeat: repeat;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
iPad 및 iPhone에서 배경 이미지가 제대로 표시되지 않음
- 2
상대 요소 위에 배치되지 않는 절대 요소
- 3
배경 이미지가 <div> 요소 내에 표시되지 않음-CSS / HTML
- 4
IE에서 배경 이미지가로드되지 않음
- 5
배경 이미지가 서버에로드되지 않음
- 6
UITabBar 배경 이미지가 제대로 표시되지 않음
- 7
div 요소의 배경 이미지가 Dolphin 브라우저에서 올바르게 확장되지 않음
- 8
iPad 및 iPhone에 배경 이미지가 표시되지 않음
- 9
IE 버전에 배경 이미지가 표시되지 않음
- 10
JPanel에 배경 이미지가 표시되지 않음
- 11
iOS Chrome에 배경 이미지가 표시되지 않음
- 12
AngularJS에 배경 이미지가 표시되지 않음
- 13
Chrome에 배경 이미지가 표시되지 않음
- 14
iOS에 배경 이미지가 표시되지 않음
- 15
배경 이미지 위에 CSS 절대 위치 요소 (반응 형)
- 16
세로 모드 전화에서 절대 요소가 반응하지 않음
- 17
ListView에 대해 이미지 배경이 올바르게 표시되지 않음
- 18
내 CSS에서 배경 이미지가 대체되지 않습니다.
- 19
iPhone / iPad에서 배경 이미지가 작동하지 않음
- 20
이미지 저장소이지만 laravel API에 적절한 경로가 표시되지 않음
- 21
IE8 이하에서 CSS "배경 이미지"가 표시되지 않음
- 22
내 페이지에 배경 이미지가 표시되지 않음
- 23
외부 페이지에 배경 이미지가로드되지 않음
- 24
뉴스 레터 용 모바일 미디어 쿼리에 대한 올바른 이미지가 배경 이미지에 표시되지 않음
- 25
XCODE 12에 배경 이미지가 나타나지 않음
- 26
스팬 CSS에 배경 이미지가 나타나지 않음
- 27
Django에서 배경 이미지가 올바르게 렌더링되지 않음
- 28
Firefox 및 IE에서 배경 이미지가 표시되지 않음
- 29
UINavigationBar + iOS7 배경 이미지가 제대로 설정되지 않음
몇 마디 만하겠습니다