Jump to content
php.lv forumi

input, background-image flexible


ray
 Share

Recommended Posts

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

 Share

×
×
  • Create New...