양식 제출 버튼 @ 투명한 CSS 스프라이트

그래서 제출 버튼의 스타일을 지정하려고합니다. 배경은 투명한 png 스프라이트 파일에서 가져옵니다. 버튼을 모두 눌러 말하면 버튼이 흰색 상자로 나타나고 스프라이트 이미지가로드되지 않습니다. 투명이 :. 때 배경에서 제거 "경우양식 제출 버튼 @ 투명한 CSS 스프라이트

<input name="Submit" type="submit" value="" class="lp-submit"/>

CSS

.lp-submit { 
    vertical-align:middle; 
    width:106px; 
    height:47px; 
    background:transparent url(images/bt_sprite.png) no-repeat 0 0; 
    border:none; 
    cursor:pointer; 
} 

.lp-submit:hover { 
     background:transparent url(images/bt-sprite.png) no-repeat 0 25; 
}

이미지가 나타난다는 자사의 흰색 상자에 다시 넣어.

출처

2012-01-11 Vladimir Kramer

경로에 이중 슬래시가 무엇입니까? –

를 상대 경로를 확인 귀하의 이미지. CSS는 문서 루트가 아닌 폴더에있는 상대 경로를 찾습니다. 슬래시가있는 이유는 무엇입니까?

출처

2012-01-11 17:56:12 YuS

죄송합니다 코드에 슬래시가 없습니다, 내가 freetyped. lol - 경로가 모두 정확합니다. 또한 중요한 경우 WordPress 프로젝트입니다. –

URL이 필요합니다. 문자열. 아포스트로피 또는 따옴표로 묶습니다 (예 : url('images/bt_sprite.png');). 또한 이미지 경로에 이중 슬래시가 있습니다. url의 값이 문자열이기 때문에 슬래시를 이스케이프 할 필요가 없습니다.

출처

2012-01-11 18:00:04 pete

인용문은 필요하지 않습니다. http://www.w3.org/TR/2008/REC-CSS2-20080411/syndata.html#uri 인용문은 파서가 실제 문제를 극복하는 데 도움이 될 수 있지만 수정하지는 않습니다. (내 직감은 더블 슬래시와 관련이있을 수 있습니다.) – ANeves

양식 제출 버튼 @ 투명한 CSS 스프라이트

답변

관련 문제