首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

多个div背景图片拼成一张图片,出现间隙有关问题,会的进来

2012-06-15 
多个div背景图片拼成一张图片,出现间隙问题,会的进来使用jquery插件:jquery.blinds-0.9.js真是郁闷,图片会

多个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="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 有个 style 有 margin的 属性 设置为0
[解决办法]
稍微看了下,你自己没有定位好,所以有空隙,试试下面的
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.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: 114475                VB 控件 小论坛 -- CSDN 技术社区  

热点排行