When we use background-repeat the above cases, the background of the case body when not repeat it with the white background we have to use png images, and cut 1px repeat-y. But with firefox it does not matter, if they wish to say here is that when displayed in IE-6.
For example here’s how to fix the display on Ie-6 for this case.
View demo: click here
1 2 3 4 5 6 7 8 9 | <style type="text/css"> .css3demo{ float:left; width:500px; height:150px; background:url(point.gif);} .bgpng{ float:left; width:456px; height:150px; background:url(bgbox.png) repeat-y; margin-left:21px; display:inline;} </style> <!--[if IE 6]> <style type="text/css"> .bgpng{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='bgbox.png');} </style> <![endif]--> |
1 2 3 4 5 | <div class="css3demo"> <div class="bgpng"> </div> </div> |