div에 이미지를 설정하는 방법

Question

div에 이미지를 넣으려고하는데 잘못되었으므로 실제로 이미지를 div로 설정하면 div 속성에 영향을주지 않아야합니다.

이 같은 노력하고 있어요 :

#image_try { 
    background-color: white; 
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
    -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5); 
    -webkit-border-radius: 12px; 
    -moz-border-radius: 7px; 
    border-radius: 7px; 
    background: -webkit-gradient(linear, left top, left bottom, 
     color-stop(0%, white), color-stop(15%, white), color-stop(100%, #D7E9F5)); 
    background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%); 
    float: right; 
    border: 2px; 
    color: #FF0000; 
    overflow: hidden; 
    width: 164px; 
    display: table; 
    margin: 0 auto; 
    padding: 78px 31px 7px 233px; 
    background: #FFFFFF; 
    height: 79px; 
    margin-top: -174px; 
    margin-right: 25px; 
    background-image:url(images/weather.jpg) no-repeat; 
    } 

업데이트 :

난 배경 이미지를 설정하지 않은 다음 DIV 좋은 것 같습니다 Actualy

하지만 난 이미지의 높이와 너비의 존재를 설정하고 때 영향을 받았다

어떤 대답이라도 ... 완전 감사 할 것이다 ... 감사합니다

Answer 1

볼 수 있습니다. 귀하의 CSS에 몇 dupe 배경처럼, 당신은 크롬과 Firefox 용 그라디언트로 설정하는 두 번 또한 색상을 사용하고 있습니다. 너는 여백을 반복하고있다. 내가 아는 한 당신 문제는 padding입니다. 나는 그것을 제거했다. 친절하게 CSS를 확인하고 가능한 경우 스크린 샷을 제공하십시오.

#image_try { 
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5); 
-webkit-border-radius: 12px; 
-moz-border-radius: 7px; 
border-radius: 7px; 
border: 2px; 
color: #FF0000; 

width: 164px; 

height: 79px; 
background-image:url(images/weather.jpg) no-repeat; 
} 

위