css 동적 배경 이미지 위치 지정

Question

일부 div의 배경으로 일부 동적 이미지가 있습니다. 그것들은 가변 폭과 높이를 가지고 있습니다. 그런 div 앞에는 라디오 버튼이 있습니다. css 각 div를 통해 정면에있는 라디오 버튼을 참조하여 정확히 가운데에 정렬하는 방법이 있습니까? 나는 동적이고 높이가 다르므로 고정 된 배경 높이를 사용할 수 없다. 넣으려고했는데 background-size: 100% 100%; 또는 background-size: auto; 작동하지 않습니다. 도움이된다면 환영합니다. 감사합니다 !!!

Answer 1

시도 :

background-position: center center; 

=====

UPDATE :

그것은 훨씬 쉽게 당신의 바이올린 작업!

이 시도 :

div.VISA_logo { 
    background: url("http://www.globalworkandtravel.com/sites/all/modules/customshare/includes/facebook.png") no-repeat; 
} 

div.VISA_CARTE_BLEUE_logo{ 
    background: url("http://www.discoverireland.ie/App_Themes/DiscoverIreland/images/discoveries/button-add-trip-small.png") no-repeat; 
} 

div.MasterCard_logo{ 
    background: url("https://s3.amazonaws.com/sugarstats/s3_avatars/7287/1234222094_norm.jpg") no-repeat; 
} 

div.AMEX_logo{ 
    background: url("http://www.uappointment.com/images/google-small-icon.png") no-repeat; 
} 

div.PAYPAL_logo{ 
    background: url("http://i.imgur.com/EqgOS.png") no-repeat; 
} 

div.VISA_logo, 
div.MasterCard_logo, 
div.PAYPAL_logo, 
div.VISA_CARTE_BLEUE_logo, 
div.MasterCard_DE_FR_UK_logo, 
div.AMEX_logo { 
    width: 105px; 
    margin-left: 5px; 
    height: 42px; 
    float: right; 
    margin-right: 30px; 
    background-position:0 center; 
}