bbs-go-site

对不起我的英语不好...

我试图建立一个电子商务网站。

我的问题是，单击“添加到购物车（Zum warenkorbhinzufügen）”按钮，然后窗口打开+和-绘图，它们显示在屏幕上。

当新窗口向右移动时

#layerPreviewContent-3 {position:absolute;z-index:1;display:none;background-color:#dedee0; margin-top: 0px;left:50%;
                width:30%;
                margin-left:-150px;
                height:40%;

                -moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
                -webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
                box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);


}

With margin-left:-450px; moved to right side,

如您所见，图形消失了...

我的问题是，当图形上的新窗口打开时，如何显示图形+和-，如何避免。

我的HTML

<div class="container">


  <div class="kaufen">

    <form class="form-basket" method="post"  enctype="multipart/form-data">
         <fieldset class="addtobasket-container">    

            <span class="tittle-kaufen">Rucksack aus Hanf Gelbe mit Zwei Riemen</span>

            <span class="preis"> Preis 40 &euro; </span>

            <span class="piece">Stück</span>

           <div class="quantity">


                      <input type="button" value="+" class="plus">
                       <input type="number" step="1" max="99" min="1" value="1" title="Qty" class="qty" size="4">
                      <input type="button" value="-" class="minus">
           </div>
           <div class="button_wrap"  >
                 <button class="button_wrap_buttom" type="buttom"  onclick='layer_show_3(event);' ><span>Zum warenkorb hinzufügen</span></button>
           </div> 
        </fieldset> 
     </form>      
                       <!-- En el momento que se pulse sobre la capa transparente se cerrara -->
                   <div id="layerPreview-3" > </div>
                   <div id='layerPreviewContent-3'>
                       <!-- Mostramos el texto de cerrar para poder cerrar la ventana -->
                      <div id="tittel-text">Rucksack aus Hanf Gelbe <span id="closse-text"  onclick="layer_close_3(event);">Schließen</span></div>
                      <div  id="bild-text"><img  alt=""  src="photo/113.jpg"></div>
                        <div id="text-pruduct">
                        <p>Verfügbarkeit: <b>eine Menge</b></p>
                        <p>Zustellung innerhalb von: <b>1-2 Tage</b></p>

                      </div>
                   </div>     

    </div>
</div>

Here all Code, Html, Css and Jquery

可以请别人说如何解决这个问题吗？

前台显示背景按钮