Question

我正在尝试将jscroller文本设置在背景之上，但是当你最小化屏幕，背景变得破碎并且与迷你屏幕的大小不均匀时，问题是什么？

Javascript for Jscroller：

<script type="text/javascript" src="<?php echo base_url(); ?>js/jscroller2-1.61.js"></script>

Html Jscroller：

<div id="image">
  <div id="scroller_container2">
        <div class="jscroller2_right jscroller2_speed-30" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;">
            <a class="scroll_text_sh" href="#" style="padding-right: 20px">dfhsdfklsdhfsdf </a>

            <a class="scroll_text_sh" href="#" style="padding-right: 20px"> dfsdfsdgsdgsdgsdg </a>

            <a class="scroll_text_sh" href="#" style="padding-right: 20px"> dfsdfsdgfsdgdsg</a>

            <a class="scroll_text_sh" href="#" style="padding-right: 20px">dfsdfsdgfsdgdsg</a>

            <a class="scroll_text_sh" href="#" style="padding-right: 20px"> dfsdfsdgfsdgdsg</a>

        </div>
        <div class="jscroller2_right_endless" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;">
        <a class="scroll_text_sh" href="#" style="padding-right: 20px"> dfsdfsdgfsdgdsg</a> 

        <a class="scroll_text_sh" href="#" style="padding-right: 20px"> dfsdfsdgfsdgdsg</a>
        <!--<div style="display: inline-block; width: 50px;"><img src="<?php echo base_url();?>/images/images/sh-separator.png" /></div>-->
        </div>
</div>

Jscroller的Css：

#scroller_container1, #scroller_container2, #scroller_container3, #scroller_container4 {width: 60%;height: 60px;text-align:center;overflow: hidden;}

#dummy {;# }
#scroller_container1, #scroller_container2, #scroller_container3, #scroller_container4 {overflow: auto;}
#image{
background-image: url('../images/qq.png');
height:95px;}

屏幕前的缩略图分数为： https://www.dropbox.com/s/evn5cznjeaoss1l/befor.png

屏幕后的缩略图分数为： https://www.dropbox.com/s/b2ig1xrfuumlg01/after.png

非常感谢..

jsScroller将文本放在background-bootstrap3上

0 个答案: