오른쪽에서 div의 바깥쪽에 이미지를 배치하는 방법

div의 오른쪽에 이미지 (수직으로 표시된 텍스트를 나타냄)를 표시하려고합니다. 아래 그림에서 알 수 있듯이 내 이미지가 div 안에 표시됩니다. 하지만 div (바깥 쪽)의 오른쪽에 이미지를 표시하고 싶습니다. 오른쪽에서 div의 바깥쪽에 이미지를 배치하는 방법

.outer-gray 
{ 
width: auto; 
border: 1px solid #efefed; 
border-collapse: collapse; 
margin-right: 20px; 
display:block; 
background: transparent url('Images/framework-asp-net-mvc3.png') no-repeat bottom right; 
}

감사합니다 :

enter image description here

여기 내 CSS입니다.

출처

2011-10-06 Bronzato

관련 : [DIV의 네 모서리에 이미지를 첨부] (http://stackoverflow.com/questions/17306087/attach-images-on-all-four-corner-of-div) [스마트 방법은 네 모서리에 DIV 경계에 코너 이미지를 추가]] (http://stackoverflow.com/questions/6467063/smart-way-to-add-corner-image-to-div-border-on-all-four- 모서리). –

시도해보십시오.

<div class="container"> 
    a lot of content 
    <div class="outter"></div> 
</div> 
<style> 
    .container{position:relative} 
    .outter{ 
     position:absolute; 
     right:-10px; 
     bottom:0; 
     height:200px; 
     width:10px; 
     background:url(some.png) no-repeat 
    } 
</style>

출처

2011-10-06 17:01:02 Rufus

나를 올바른 방향으로 안내합니다. 고맙습니다. – Bronzato

오른쪽에서 div의 바깥쪽에 이미지를 배치하는 방법

답변

관련 문제