요소의 배경색 만 크기를 조정하거나 이동할 수 있습니까?

Question

background-color이 정의 된 CSS 규칙이있는 div이 있습니다.

HTML 구조?가, 누군가가 나에게이 작업을 수행하는 데 도움이 될 수 있습니다 그렇다면 단지? 위치 나 배경 색상 (안 div 요소 내에 아무것도의 크기를 변경할 수있는 경우 궁금

<div class="col-6 no-padding blue-box-0 blue-box-b blue-box-right"> 
<img src="/media/2680859/meet-plannerresources.jpg" alt=""> 
<h3>Professional Planner Resources</h3> 
<p>Our award-winning Convention Services team is eager to assist you in your planning efforts from beginning to end.</p> 
<h4>Meeting Planners</h4> 
<a href="/meet/planning-tools/" class="red-arrow"></a> 
<a class="bluehitbox" href="/meet/planning-tools/"></a> 
</div> 

그것을 모델과 같은 상자를 렌더링합니다. 원하는 것은 배경 크기 나 위치를 변경하는 것입니다 (부모가 overflow:hidden을 가지고 있다고 가정 할 때 최상위 위치). div 요소의 맨 아래로 내려 놓으면 약 70이됩니다. CSS 또는 심지어 jQuery에서 가능합니까?

아래 첨부 된 이미지 배경색 (이미지에서 파란색의 rgba 값)이 상자 바닥에서 70 픽셀 높이로 조정되거나 배치되어야하는 방법 어쨌든 실제 상자에 마우스를 올리면이 작업을 수행 할 수 있습니까?

감사합니다.

Answer 1

설정 그 밑에 두었다. 이것은 z-index이 그림에 올 때 -1 또는 그 자리에있는 다른 요소의 값보다 작은 값으로 설정합니다. 그러면 다른 요소가 div 위에 렌더링됩니다.

체크 참조

Answer 2

질문과 관련해서는 배경색의 위치 나 크기 만 변경할 수는 없습니다. 항상 전체를 채울 것이기 때문입니다.

'아래로 또는 위로 이동하려면 margin-top을 사용하여'아래로 'div를 이동하고 배경색을 이동할 수 있습니다.

.className{ position: absolute; z-index: -1; }

position: absolute이 정상적인 흐름에서이 사업부를 제거하는 것, 그리고 요소가 될 것이다 다음

당신이 다음과 같은 CSS 속성과의 div 안에 다른 사업부를 소개 할 수