배경 이미지 오른쪽 가장자리의 xpx

사이트에 다양한 너비의 요소가 있습니다 (<select>). 선택 폭의 오른쪽 가장자리에서 배경 이미지 13px을 배치하고 싶습니다. 의사 코드 :배경 이미지 오른쪽 가장자리의 xpx

select { 
    background-image: url(../images/select-arrow.png), 
    background-position: center (right - 13px); 
}

CSS에서 어떻게합니까?

2012-07-06 David542

불가능합니다. PNG에 투명한 패딩을 주거나 Javascript를 사용하여 실시간으로 위치를 업데이트해야합니다. –

http://stackoverflow.com/questions/2226666/background-image-for-select-dropdown-does- not-work-in-chrome – Teneff

패딩에 좋은 아이디어! – David542

background-position: right 13px top;

~~그러나 browsersupport 최고의 기압이 아니다.~~

~~는이 문제를 해결하려면, 당신은 할 수 있습니다~~

이미지 자체에 투명 픽셀을 추가하고 그것을 오른쪽 상단

위치 또는 요소의 폭이 알려진 후 자바 스크립트와 위치를 계산

2012-07-06 11:17:03 Christoph

답변