多个div背景图片拼成一张图片,出现间隙问题,会的进来
使用jquery插件:jquery.blinds-0.9.js
真是郁闷,图片会出现间隙,效果如下,实在是没则了。高手帮忙
<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="position: absolute; width: 49.4167px; height: 383px; left: 296.5px; top: 0px;" class="outer_tile_6_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 -296.5px 0px transparent;" class="tile_6_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 345.917px; top: 0px;" class="outer_tile_7_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 -345.917px 0px transparent;" class="tile_7_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 395.333px; top: 0px;" class="outer_tile_8_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 -395.333px 0px transparent;" class="tile_8_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 444.75px; top: 0px;" class="outer_tile_9_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 -444.75px 0px transparent;" class="tile_9_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 494.167px; top: 0px;" class="outer_tile_10_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 -494.167px 0px transparent;" class="tile_10_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 543.583px; top: 0px;" class="outer_tile_11_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 -543.583px 0px transparent;" class="tile_11_0"> </div> </div> </div> </div>
<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.jpHTTP/1.1 200 OKServer: nginx/0.7.68Date: Fri, 15 Jun 2012 07:00:51 GMTContent-Type: text/html; charset=utf-8Connection: keep-aliveVary: Accept-EncodingETag: ""X-UA-Compatible: IE=EmulateIE7X-Powered-By: ASP.NETCache-Control: public, max-age=30Expires: Fri, 15 Jun 2012 06:57:28 GMTLast-Modified: Fri, 15 Jun 2012 06:56:58 GMTVary: *Content-Length: 114475VB 控件 小论坛 -- CSDN 技术社区