日期:2014-05-17  浏览次数:20430 次

多个div背景图片拼成一张图片,出现间隙问题,会的进来
使用jquery插件:jquery.blinds-0.9.js
真是郁闷,图片会出现间隙,效果如下,实在是没则了。高手帮忙
HTML code

 <div class="blinds_slideshow" id="topScrollImgpanel">
           
            <div style="position: relative; display: block; width: 593px; height: 383px; background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/02.jpg) no-repeat scroll 0px 0px transparent;"
                class="blinds_container">
                <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px;"
                    class="outer_tile_0_0">
                    <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px;
                        background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll 0px 0px transparent;"
                        class="tile_0_0">
                    </div>
                </div>
                <div style="position: absolute; width: 49.4167px; height: 383px; left: 49.4167px;
                    top: 0px;" class="outer_tile_1_0">
                    <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px;
                        background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -49.4167px 0px transparent;"
                        class="tile_1_0">
                    </div>
                </div>
                <div style="position: absolute; width: 49.4167px; height: 383px; left: 98.8333px;
                    top: 0px;" class="outer_tile_2_0">
                    <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px;
                        background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -98.8333px 0px transparent;"
                        class="tile_2_0">
                    </div>
                </div>
                <div style="position: absolute; width: 49.4167px; height: 383px; left: 148.25px;
                    top: 0px;" class="outer_tile_3_0">
                    <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px;
                        background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -148.25px 0px transparent;"
                        class="tile_3_0">
                    </div>
                </div>
                <div style="position: absolute; width: 49.4167px; height: 383px; left: 197.667px;
                    top: 0px;" class="outer_tile_4_0">
                    <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px;
                        background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -197.667px 0px transparent;"
                        class="tile_4_0">
                    </div>
                </div>
                <div style="position: absolute; width: 49.4167px; height: 383px; left: 247.083px;
                    top: 0px;" class="outer_tile_5_0">
                    <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px;
                        background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -247.083px 0px transparent;"
                        class="tile_5_0">
                    </div>
                </div>
                <div style=&qu