background-image resize

#27060

Hello together,

i want to resize a bigger background-image. is there any way without background-size?

<table border="0" cellspacing="0" cellpadding="0" style="width:21cm;margin:0;padding:0"><br /> <tr><br /> <td class="background" style="padding-top:1.3cm;padding-left:1.3cm;vertical-align:top;height:8.1cm;width:21cm"><table width="100%" border="0" cellspacing="0" cellpadding="0"><br /> <tr><br /> <td><img src="logo.png" style="width:3.5cm" /></td><br /> </tr><br /> <tr><br /> <td style="padding-top:1cm;vertical-align:top;font-family:Arial,Helvetica,sans-serif;font-size:0.7cm;line-height:0.9cm;color:#ffffff;text-align:left;text-transform:uppercase">Calculator Result</td><br /> </tr><br /> </table></td><br /> </tr><br /> </table>

CSS
.background<br /> {<br /> position: inherit;<br /> left: 0;<br /> top: 0;<br /> z-index: 0;<br /> background-color: #fff;<br /> background-image: url(header.jpg) no-repeat center center;<br /> width: 21cm;<br /> height: 8.1cm;<br /> }

Thank you!
Greetings Stefan

#29856

PD4ML supports some proprietary CSS properties for the case:

background-repeat: scale-x
background-repeat: scale-y
background-repeat: scale-xy

They intended to shrink/stretch a background image to fit a containing block element.

#29857

Thank you!

[Author]

Posts