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
Post a Comment