input, background-image flexible

[ray]

man input laukam vajag uzlikt fona bildi ar apaļiem stūriem. pati bilde ir vektorgrafikā, tāpēc viņu var viegli staipīt nemainot bildes kvalitāti.

tagad to daru šādi:

input {
width: 200px;
height: 40px
background-image: url('bilde.jpg');
}

bilde nepalielinās, bet rāda repeat režīmā, man vajag, lai viņa izstaipās izmērā 200x40.

[marrtins]

jpeg`i tak nav vektoros. Skeilot background bildi ar css nesanāks, var mēģināt visādus hakus - ielikt imagi iekš body un kontentu likt div`ā ar lielāku z-index, vai otrādi. IE ir "fīča":

 

.some-class {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=[b]scale[/b], src='/bilde.jpg');
}

 

bet uz citiem browseriem nešancēs.

[marrtins]

quick googlsearch un piemērs: http://www.markschenk.com/cssexp/backgroun...ledbgimage.html