Javascript jsScroller将文本放在后台bootstrap3上

我正试图将jscroller文本设置在背景之上，但当你最小化屏幕时，背景会变得破碎，并且与小屏幕的大小不一致，问题的解决方案是什么

Jscroller的Javascript：

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

<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>

#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;}

屏幕前的缩略图分数为：

屏幕后的缩略图分数为：

非常感谢