css - IE9 DIV background image does not resize -


i found following css instruction not resize div background image showing in ie9. have idea?

html:

<div id=window20 class="window smallwindow">     <strong>abcde</strong>     <br /><br /> </div> 

css:

.window {     z-index: 20;     border-bottom: #346789 2px dotted;     position: absolute;     border-left: #346789 2px dotted;     padding-bottom: 0.5em;     padding-left: 0.5em;     width: 14em;     padding-right: 0.5em;     font-family: helvetica;     height: 4em;     color: white;     font-size: 1.0em;     border-top: #346789 2px dotted;     border-right: #346789 2px dotted;     padding-top: 0.5em;     border-radius: 0.6em;     -moz-border-radius: 0.6em } .smallwindow1 {     background-color: #558822 } #window20 {     top: 10em;     left: 8em;     width: 8em;     height: 4em;     background-image :url(../image/interface_system.png);     background-repeat: no-repeat;     background-size: auto;     background-origin: content-box; } 

try this

css

#window20 {     top: 10em;     left: 8em;     width: 8em;     height: 4em;     background-image :url(../image/interface_system.png);     background-repeat: no-repeat;     background-size: contain;     background-origin: content-box; } 

Comments

Popular posts from this blog

ios - UICollectionView Self Sizing Cells with Auto Layout -

node.js - ldapjs - write after end error -

DOM Manipulation in Wordpress (and elsewhere) using php -