background-image : url 버튼이 Chrome에서 깨졌습니다.

내 버튼은 IE 9, Firfox 8.0.1에서 잘 작동하지만 Chrome은 최신 버전이지만 오늘은 아닙니다 (Chrome을 다운로드하여 테스트했기 때문에 이것을 말합니다. 또는 IE8.background-image : url 버튼이 Chrome에서 깨졌습니다.

.descbutton 
{ 
    background-image:url('../images8/arrow-down4.jpg'); 
    background-repeat:no-repeat; 
    height:20px; 
    width:20px; 
    float:right; 
    border:none; 
}

My QA가 내 버튼을 부러 뜨 렸으며 해결 방법을 모릅니다. 그들은 국경을 보여준다; 그들은해서는 안되며, 이미지는 공백이다. 방대한 수색을 한 후에 당신에게 도움을 청하는 gals와 gents를 부탁합니다.

또한 내부에 중첩 된 코드를 포함시켜야한다고 생각했습니다.

.infoTable2 { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFFFFF; 
    text-align: left; 
    vertical-align: top; 
    padding-top: 5px; 
    padding-right: 5px; 
    padding-bottom: 0px; 
    padding-left: 5px; 
    border-bottom-width: 3px; 
    border-bottom-style: solid; 
    border-bottom-color: #FFFFFF; 
} 

<td width="120" class= "infoTable2">

출처

2011-12-15 Steve Paul

멍청한 질문이지만, 귀하의 HTML에 올바른 클래스를 사용하도록 말하고 있습니까? – Joe

어떤 질문이 좋은 조입니다. 그러나 대답은 '예'입니다. –

나는

과 .wrapper {clear : both;}를 시도했지만, QA가 다시 돌아올 때까지 작동하는지 알 수 없습니다. –

나는 동일한 문제가있어서 그것을 분류했다. 잘하면 당신도 마찬가지예요.

버튼이 스타일 속성 appearance 또는 특정 변형 -webkit-appearance, -moz-appearance 중 하나를 상속하는지 확인합니다.

나는 appearance:button;이었고 배경 이미지가 내 버튼에 표시되지 않도록했습니다.

출처

2012-09-05 15:24:47 gumroler

background-image : url 버튼이 Chrome에서 깨졌습니다.

답변

관련 문제