CSS3 배경 이미지 호버 전환

Question

당신이 아이오와은 행 3 개 아이콘이 표시됩니다 다음 링크를

http://intelmarketing.mk/demos/security/services/

을 확인하시기 바랍니다 및 CSS3 전환은 거의 모든 마우스 오버에 존재하지만 난 아이콘에 애니메이션을 추가 할 수 없습니다 내가

http://css3.bradshawenterprises.com/cfimg/ 같은 사례의 부부와 함께 시도 - 예 1

뿐만 아니라 내 이미지는 내가 원하는 예 1이 작동되지 않도록 투명하게 일을 아무것도 솔기, 그래서 내가 원하는 경우 ID입니다 o 버튼과 아이콘이 동시에 마우스를 가져 가면 버튼이 작동하지만 아이콘이 어떻게이 문제를 해결할 수 있습니까? 첫 번째 아이콘에 대한

CSS : 버튼의

.fastvagticon 
{ 
    width:299px; 
    height:166px; 
    margin:0 auto; 
    background-image:url('images/FASTVAGT.png'); 
    background-repeat:no-repeat; 
    background-position:center; 
} 

.servbox:hover .fastvagticon 
{ 
    width:299px; 
    height:166px; 
    background-image:url('images/FASTVAGTh.png'); 
    background-repeat:no-repeat; 
    margin-top:0px; 
} 

CSS

.servbtn1 
{ 
    background-color:transparent; 
    background-position: right center; 
    background-image: url("images/eempy.png"); 
    background-repeat: no-repeat; 
    color: #FFFFFF; 
    height: 34px; 
    margin-left: auto; 
    margin-right: auto; 
    padding-left: 35px; 
    padding-top: 8px; 
    text-align: left; 
    width: 151px; 
     -webkit-transition: all 1s ease; 
     -moz-transition: all 1s ease; 
     -ms-transition: all 1s ease; 
     -o-transition: all 1s ease; 
     transition: all 1s ease; 
     border:1px solid #fff; 
} 

.servbox:hover .servbtn1 
{ 
    width:184px; 
    height:34px; 
    background-color:#3E1C1E; 
    background-repeat: no-repeat; 
    color: #FFFFFF; 
    margin-left: auto; 
    margin-right: auto; 
    padding-left: 35px; 
    padding-top: 8px; 
    text-align: left; 
    width: 151px; 
} 

Answer 1

당신은 아이콘에 대한 전환 추가되지 않습니다 또한

.fastvagticon 
{ 
    width:299px; 
    height:166px; 
    margin:0 auto; 
    background-image:url('images/FASTVAGT.png'); 
    background-repeat:no-repeat; 
    background-position:center; 

    -webkit-transition: all 1s ease; 
    -moz-transition: all 1s ease; 
    -ms-transition: all 1s ease; 
    -o-transition: all 1s ease; 
    transition: all 1s ease; 
} 

, 내가 돈을 만약 당신이 알고 있지만이 실 거예요 파이어 폭스에서 작동하지 않습니다. Firefox는 배경 이미지의 애니메이션을 허용하지 않습니다.