PNG背景-支持重复、支持定位『DD_belatedPNG』

<!--[if IE 6]> <script src="http://www.dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.7a-min.js"></script> <script> DD_belatedPNG.fix('.png_bg, img'); </script> <![endif]--> <style type="text/css" title=""> .png_bg {width:500px;height:500px;background:url(http://www.dillerdesign.com/experiment/DD_belatedPNG/boxbg2.png);} </style> <div id="background_conditions_test" class="png_bg box"> <select id="change_background_position" rel="Position"> <option>left top</option> <option>left center</option> <option>left bottom</option> <option>right top</option> <option>right center</option> <option>right bottom</option> <option>center top</option> <option>center center</option> <option>center bottom</option> <option>20% top</option> <option>20% center</option> <option>20% bottom</option> <option>20px 30px</option> <option>-20px -30px</option> </select> <select id="change_background_repeat" rel="Repeat"> <option>repeat</option> <option>no-repeat</option> <option>repeat-x</option> <option>repeat-y</option> </select> <input id="change_background_color" rel="Color" type="text" value="#FF0000" /> </div> <script src='http://www.dillerdesign.com/pics/js/DD_Base.js'></script> <script> var test = DD.dom.id('background_conditions_test'); var setup = function() { DD.event.add(this, 'change', function() { var options = this.getElementsByTagName('option'); var rel = this.getAttribute('rel'); var self = this; DD.fade(test, false, {time:100, end:function() { test.style['background' + rel] = options[self.selectedIndex].innerHTML; DD.fade(test, true, {time:100}) }}); }); }; var selects = {position: true, repeat: true}; for (var s in selects) { setup.call(DD.dom.id('change_background_' + s)); } var changeBgColor = function() { try { test.style.backgroundColor = this.value; } catch(err) {} }; var bgColorTextField = DD.dom.id('change_background_color'); DD.event.add(bgColorTextField, 'keyup', changeBgColor); changeBgColor.call(bgColorTextField); </script>
 提示：您可以先修改部分代码再运行

引用:

原帖由 birdstudio 于 2009-2-20 15:19 发表
不是它不好，而是论坛里已经讨论过多次，而且已经有了成熟的应用案例。

引用:

原帖由 yunsudong 于 2009-2-20 16:33 发表


有没有简单一点的支持IE6下PNG背景定位和平铺的代码？我在论坛上找过了，没找到～ 谢谢！